/* Generated from style.css by tools/build-performance-assets.js. */
:root{
    --pn-primary: #91536d;
    --pn-primary-deep: #5b172d;
    --pn-primary-soft: #f7edf2;
    --pn-secondary: #7c5cff;
    --pn-brand-friends: #6676ff;
    --pn-brand-business: #23c8b3;
    --pn-brand-romance: #a9657e;
    --pn-brand-gradient: linear-gradient(145deg, var(--pn-brand-friends) 0%, var(--pn-brand-business) 50%, var(--pn-brand-romance) 100%);
    --pn-ink: #17181d;
    --pn-muted: #71737f;
    --pn-faint: #a8aab4;
    --pn-line: #e9e9ef;
    --pn-surface: #ffffff;
    --pn-surface-soft: #f7f7fa;
    --pn-success: #17a673;
    --pn-warning: #f4a100;
    --pn-danger: #d9365d;
    --pn-shadow-sm: 0 8px 24px rgba(28, 24, 40, .08);
    --pn-shadow-md: 0 18px 52px rgba(28, 24, 40, .15);
    --pn-shadow-lg: 0 30px 90px rgba(28, 24, 40, .22);
    --pn-radius-sm: 12px;
    --pn-radius-md: 18px;
    --pn-radius-lg: 28px;
    --pn-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.pn-modal-overlay,
.pn-guest-shell{
    box-sizing: border-box;
}
.pn-modal-overlay,
.pn-guest-shell{
    font-family: var(--pn-font);
    color: var(--pn-ink);
    -webkit-font-smoothing: antialiased;
}
.pn-icon-svg{
    width: 22px;
    height: 22px;
    display: inline-block;
    flex: 0 0 auto;
}
.pn-modal-overlay button,
.pn-modal-overlay input,
.pn-modal-overlay select,
.pn-guest-shell button,
.pn-guest-shell input,
.pn-guest-shell select{
    font: inherit;
}
.pn-modal-overlay button,
.pn-guest-shell button{
    -webkit-tap-highlight-color: transparent;
}
body.pn-modal-open{
    overflow: hidden;
}
.pn-guest-shell [data-pn-runtime-pending]{
    cursor: progress !important;
    opacity: .78;
    transition: opacity .15s ease;
}
.pn-guest-shell{
    position: relative;
    width: min(100%, 1160px);
    min-height: 720px;
    margin: 24px auto;
    overflow: hidden;
    border-radius: 34px;
    background:
        radial-gradient(circle at 20% 10%, rgba(255, 61, 110, .22), transparent 34%),
        radial-gradient(circle at 85% 75%, rgba(124, 92, 255, .22), transparent 38%),
        linear-gradient(145deg, #1d1521 0%, #17131e 48%, #0f1016 100%);
    box-shadow: var(--pn-shadow-lg);
    padding: 72px 28px;
    display: grid;
    place-items: center;
}
.pn-guest-glow{
    position: absolute;
    border-radius: 999px;
    filter: blur(4px);
    opacity: .65;
}
.pn-guest-glow-one{
    width: 260px;
    height: 260px;
    top: -90px;
    right: 9%;
    background: rgba(255, 61, 110, .2);
}
.pn-guest-glow-two{
    width: 320px;
    height: 320px;
    bottom: -120px;
    left: 5%;
    background: rgba(124, 92, 255, .16);
}
.pn-guest-card{
    position: relative;
    z-index: 2;
    width: min(100%, 660px);
    text-align: center;
    color: white;
}
.pn-brand-mark{
    width: 64px;
    height: 64px;
    margin: 0 auto 22px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, var(--pn-primary), #ff7b72);
    color: white;
    box-shadow: 0 14px 38px rgba(255, 61, 110, .34);
}
.pn-brand-mark .pn-icon-svg{
    width: 32px;
    height: 32px;
}
.pn-eyebrow{
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .15em;
    color: var(--pn-primary);
}
.pn-guest-card h1{
    margin: 10px auto 18px;
    max-width: 620px;
    font-size: clamp(40px, 6vw, 66px);
    line-height: .98;
    letter-spacing: -.055em;
    color: white;
}
.pn-guest-card > p{
    margin: 0 auto;
    max-width: 580px;
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .7);
}
.pn-guest-steps{
    margin: 42px 0 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    text-align: left;
}
.pn-guest-steps > div{
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 20px;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(12px);
}
.pn-guest-steps span{
    width: 28px;
    height: 28px;
    margin-bottom: 22px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(255, 61, 110, .2);
    color: #ff7697;
    font-size: 12px;
    font-weight: 800;
}
.pn-guest-steps strong,
.pn-guest-steps small{
    display: block;
}
.pn-guest-steps strong{
    margin-bottom: 7px;
    font-size: 14px;
}
.pn-guest-steps small{
    color: rgba(255, 255, 255, .56);
    line-height: 1.45;
}
.pn-guest-actions{
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.pn-icon-button{
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--pn-line);
    border-radius: 999px;
    background: white;
    color: var(--pn-ink);
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.pn-icon-button:hover{
    transform: translateY(-1px);
    border-color: #d8d8e1;
    background: var(--pn-surface-soft);
}
.pn-icon-button.is-active{
    background: #22232a;
    color: white;
    border-color: #22232a;
}
.pn-btn{
    min-height: 48px;
    padding: 0 20px;
    border-radius: 15px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.pn-btn:hover{
    transform: translateY(-1px);
}
.pn-btn:disabled{
    cursor: not-allowed;
    opacity: .52;
    transform: none;
}
.pn-btn-compact{
    min-height: 40px;
    padding: 0 15px;
    border-radius: 13px;
    font-size: 12px;
}
.pn-field{
    display: block;
}
.pn-field > span{
    display: block;
    margin-bottom: 7px;
    color: #51535e;
    font-size: 11px;
    font-weight: 800;
}
.pn-field > span small{
    color: var(--pn-faint);
    font-weight: 600;
}
.pn-input{
    width: 100%;
    min-height: 48px;
    padding: 0 13px;
    border: 1px solid var(--pn-line) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--pn-ink) !important;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.pn-input:focus{
    border-color: rgba(255, 61, 110, .5) !important;
    box-shadow: 0 0 0 4px rgba(255, 61, 110, .08) !important;
}
.pn-form-message{
    min-height: 18px;
    margin-top: 8px;
    font-size: 11px;
    color: var(--pn-muted);
}
.pn-form-message.is-error{ color: var(--pn-danger); }
.pn-form-message.is-success{ color: var(--pn-success); }
.pn-form-message.is-info{ color: var(--pn-muted); }
.pn-modal-overlay input[type="range"]{
    width: 100%;
    accent-color: var(--pn-primary);
}
.pn-modal-overlay{
    position: fixed;
    inset: 0;
    z-index: 99999;
    padding: 18px;
    background: rgba(18, 16, 24, .54);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pn-modal-content{
    width: min(100%, 560px);
    max-height: min(88vh, 850px);
    overflow: hidden;
    border-radius: 26px;
    background: var(--pn-surface);
    box-shadow: var(--pn-shadow-lg);
    display: flex;
    flex-direction: column;
    animation: pnModalIn .24s ease both;
}
.pn-privacy-explainer{
    margin: 18px 0;
    padding: 14px;
    border-radius: 17px;
    background: #f4f3ff;
    color: #5d5884;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 11px;
    line-height: 1.5;
}
.pn-privacy-explainer .pn-icon-svg{
    color: var(--pn-secondary);
}
.pn-plan-chip{
    display: inline-block;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .72);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.pn-plan-chip.is-pro{
    background: rgba(255, 61, 110, .19);
    color: #ff8aa7;
}
.pn-privacy-check-grid{
    margin-top: 13px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}
.pn-privacy-check-grid label{
    padding: 10px;
    border-radius: 12px;
    background: var(--pn-surface-soft);
    color: #5c5e68;
    font-size: 10px;
    font-weight: 700;
}
.pn-privacy-check-grid input{
    accent-color: var(--pn-primary);
}
.pn-price-line{
    margin: 25px 0;
}
.pn-price-line strong{
    font-size: 46px;
    letter-spacing: -.05em;
}
.pn-price-line span{
    color: rgba(255, 255, 255, .5);
}
.pn-toast-region{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100500;
    display: grid;
    gap: 8px;
    pointer-events: none;
}
.pn-toast{
    min-width: 250px;
    max-width: 360px;
    padding: 13px 15px;
    border-radius: 15px;
    background: #202128;
    color: white;
    box-shadow: var(--pn-shadow-md);
    font-size: 12px;
    line-height: 1.45;
    animation: pnToastIn .22s ease both;
}
.pn-toast.is-error{ background: #7e2038; }
.pn-toast.is-success{ background: #145d46; }
@keyframes pnModalIn{
    from { opacity: 0; transform: translateY(16px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes pnSheetIn{
    from { opacity: 0; transform: translateY(35px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes pnStepIn{
    from { opacity: 0; transform: translateX(16px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes pnToastIn{
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes pnSoftPulse{
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(.86); opacity: .65; }
}
@media (max-width: 860px){
.pn-modal-overlay{
        padding: 0;
        align-items: flex-end;
    }
.pn-modal-content{
        width: 100%;
        height: min(92svh, 880px);
        max-height: 92svh;
        border-radius: 25px 25px 0 0;
    }
.pn-guest-shell{
        min-height: 100svh;
        margin: 0;
        border-radius: 0;
        padding: 54px 20px;
    }
.pn-guest-steps{
        grid-template-columns: 1fr;
    }
.pn-guest-steps > div{
        display: grid;
        grid-template-columns: 34px 1fr;
        column-gap: 10px;
    }
.pn-guest-steps span{
        grid-row: 1 / 3;
        margin: 0;
    }
.pn-guest-actions{
        display: grid;
    }
}
@media (max-width: 520px){
.pn-privacy-check-grid{
        grid-template-columns: 1fr;
    }
.pn-guest-card h1{
        font-size: 42px;
    }
}
@media (prefers-reduced-motion: reduce){
.pn-modal-overlay *,
.pn-modal-overlay *:before,
.pn-modal-overlay *:after,
.pn-guest-shell *,
.pn-guest-shell *:before,
.pn-guest-shell *:after{
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
.pn-guest-plan-link{
    margin: 18px auto 0;
    padding: 4px 8px;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .76);
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 750;
}
.pn-auth-overlay{
    padding: 24px;
    background:
        radial-gradient(circle at 15% 15%, rgba(255, 61, 110, .17), transparent 31%),
        rgba(13, 12, 18, .72);
}
.pn-auth-shell{
    position: relative;
    width: min(1120px, 100%);
    max-height: min(92vh, 900px);
    display: grid;
    grid-template-columns: minmax(280px, .76fr) minmax(0, 1.5fr);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 30px;
    background: #fff;
    box-shadow: var(--pn-shadow-lg);
}
.pn-auth-close{
    position: absolute;
    z-index: 5;
    top: 16px;
    right: 16px;
    background: rgba(255,255,255,.9);
}
.pn-auth-story{
    position: relative;
    min-height: 670px;
    padding: 52px 38px;
    overflow: hidden;
    background:
        radial-gradient(circle at 22% 15%, rgba(255, 61, 110, .35), transparent 34%),
        radial-gradient(circle at 80% 82%, rgba(124, 92, 255, .28), transparent 42%),
        linear-gradient(150deg, #251827 0%, #17141d 58%, #101116 100%);
    color: white;
}
.pn-auth-story:after{
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    right: -120px;
    bottom: -100px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(255,255,255,.025), 0 0 0 84px rgba(255,255,255,.018);
}
.pn-auth-story .pn-brand-mark{ margin: 0 0 44px; }
.pn-auth-story h2{
    position: relative;
    z-index: 1;
    margin: 10px 0 20px;
    color: white;
    font-size: clamp(40px, 5vw, 60px);
    line-height: .98;
    letter-spacing: -.055em;
}
.pn-auth-story > p{
    position: relative;
    z-index: 1;
    max-width: 360px;
    color: rgba(255,255,255,.65);
    font-size: 15px;
    line-height: 1.65;
}
.pn-auth-safety{
    position: absolute;
    z-index: 2;
    left: 38px;
    right: 38px;
    bottom: 40px;
    padding: 15px;
    display: flex;
    gap: 12px;
    align-items: center;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(12px);
}
.pn-auth-safety strong,
.pn-auth-safety small{ display: block; }
.pn-auth-safety strong{ font-size: 12px; }
.pn-auth-safety small{ margin-top: 3px; color: rgba(255,255,255,.55); font-size: 10px; }
.pn-auth-main{
    min-width: 0;
    max-height: min(92vh, 900px);
    overflow-y: auto;
    padding: 36px 42px 46px;
    background: linear-gradient(180deg, #fff, #fbfbfd);
}
.pn-auth-tabs{
    width: fit-content;
    margin: 0 0 34px;
    padding: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 14px;
    background: var(--pn-surface-soft);
}
.pn-auth-tab{
    min-width: 112px;
    padding: 10px 14px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--pn-muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}
.pn-auth-tab.is-active{
    background: #fff;
    color: var(--pn-ink);
    box-shadow: 0 5px 16px rgba(26, 23, 34, .08);
}
.pn-auth-view{ display: none; }
.pn-auth-view.is-active{ display: block; }
.pn-auth-view > h2{
    margin: 8px 0 8px;
    color: var(--pn-ink);
    font-size: clamp(30px, 4vw, 43px);
    line-height: 1;
    letter-spacing: -.05em;
}
.pn-auth-view > p{
    margin: 0 0 24px;
    color: var(--pn-muted);
    font-size: 13px;
    line-height: 1.55;
}
.pn-auth-form{
    display: grid;
    gap: 14px;
}
.pn-auth-form .pn-field > small{
    display: block;
    margin-top: 6px;
    color: var(--pn-faint);
    font-size: 10px;
    line-height: 1.4;
}
.pn-auth-form .pn-btn{ width: 100%; }
.pn-check-row{
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--pn-muted);
    font-size: 11px;
    line-height: 1.45;
}
.pn-check-row input{ margin-top: 2px; accent-color: var(--pn-primary); }
.pn-auth-links{
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.pn-auth-links button,
.pn-auth-back{
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--pn-primary-deep);
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
}
.pn-auth-back{ margin-bottom: 24px; }
.pn-register-methods{
    padding: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 13px;
    background: var(--pn-surface-soft);
}
.pn-register-methods button{
    min-height: 38px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--pn-muted);
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
}
.pn-register-methods button.is-active{
    background: white;
    color: var(--pn-ink);
    box-shadow: 0 4px 14px rgba(24, 21, 31, .07);
}
.pn-phone-field[hidden]{ display: none !important; }
.pn-auth-plans{
    margin: 4px 0 24px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.pn-auth-plan{
    position: relative;
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--pn-line);
    border-radius: 18px;
    background: #fff;
    color: var(--pn-ink);
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.pn-auth-plan:hover{ transform: translateY(-2px); }
.pn-auth-plan.is-selected{
    border-color: rgba(255,61,110,.72);
    box-shadow: 0 0 0 3px rgba(255,61,110,.08), 0 14px 34px rgba(38, 29, 48, .1);
}
.pn-plan-popular{
    width: fit-content;
    margin-bottom: 10px;
    padding: 5px 8px;
    display: block;
    border-radius: 999px;
    background: var(--pn-primary-soft);
    color: var(--pn-primary-deep);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .1em;
}
.pn-auth-plan-head{ display: block; }
.pn-auth-plan-head > strong{ display: block; font-size: 17px; }
.pn-auth-plan-head > span{ display: flex; align-items: baseline; gap: 4px; margin-top: 8px; }
.pn-auth-plan-head b{ font-size: 22px; letter-spacing: -.04em; }
.pn-auth-plan-head small{ color: var(--pn-faint); font-size: 9px; }
.pn-auth-plan-tagline{ display: block; min-height: 34px; margin-top: 8px; color: var(--pn-muted); line-height: 1.4; }
.pn-auth-plan ul{ margin: 14px 0 0; padding: 0; list-style: none; }
.pn-auth-plan li{
    margin: 7px 0;
    display: flex;
    gap: 6px;
    align-items: flex-start;
    color: #646672;
    font-size: 9px;
    line-height: 1.35;
}
.pn-auth-plan li .pn-icon-svg{ width: 13px; height: 13px; color: var(--pn-success); }
.pn-membership-card .pn-price-line{ margin: 14px 0 8px; }
.pn-membership-card .pn-price-line strong{ color: var(--pn-ink); font-size: 32px; }
.pn-membership-card .pn-price-line span{ color: var(--pn-faint); font-size: 10px; }
@media (max-width: 900px){
.pn-auth-shell{ grid-template-columns: 1fr; }
.pn-auth-story{ display: none; }
.pn-auth-main{ max-height: 92vh; }
.pn-auth-plans{ grid-template-columns: 1fr; }
.pn-auth-plan-tagline{ min-height: 0; }
}
@media (max-width: 620px){
.pn-auth-overlay{ padding: 0; align-items: flex-end; }
.pn-auth-shell{ width: 100%; max-height: 96svh; border-radius: 26px 26px 0 0; }
.pn-auth-main{ max-height: 96svh; padding: 28px 18px max(28px, calc(env(safe-area-inset-bottom) + 18px)); }
.pn-auth-close{ top: 12px; right: 12px; }
.pn-auth-tabs{ margin-bottom: 25px; }
.pn-auth-tab{ min-width: 100px; }
.pn-auth-view > h2{ font-size: 33px; }
.pn-auth-plans{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 12px; }
.pn-auth-plan{ flex: 0 0 82%; scroll-snap-align: center; }
.pn-auth-links{ align-items: flex-start; }
}
.pn-field > small{
    display: block;
    margin-top: 6px;
    color: var(--pn-faint);
    font-size: 10px;
    line-height: 1.4;
}
@media (prefers-reduced-motion: reduce){
.pn-auth-shell *,
.pn-auth-shell *:before,
.pn-auth-shell *:after{
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
.pn-landing{
    --pn-landing-ink: #f8f7fb;
    --pn-landing-muted: rgba(245, 241, 250, .68);
    --pn-landing-line: rgba(255, 255, 255, .11);
    --pn-business: #29b7a8;
    --pn-business-deep: #0d716d;
    --pn-platonic: #7c6cff;
    --pn-romance: #ff3d6e;
    width: min(calc(100% - 32px), 1320px);
    max-width: 1320px;
    min-height: 0;
    margin: 18px auto 42px;
    padding: 0 0 28px;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 36px;
    color: var(--pn-landing-ink);
    background:
        radial-gradient(circle at 10% 4%, rgba(255, 61, 110, .21), transparent 28%),
        radial-gradient(circle at 94% 22%, rgba(41, 183, 168, .17), transparent 30%),
        radial-gradient(circle at 48% 72%, rgba(124, 108, 255, .1), transparent 34%),
        linear-gradient(148deg, #151119 0%, #10131b 52%, #0b1217 100%);
    box-shadow: 0 40px 110px rgba(14, 12, 20, .26);
    isolation: isolate;
}
.pn-landing .pn-guest-glow{
    pointer-events: none;
}
.pn-landing-nav{
    position: relative;
    z-index: 5;
    min-height: 78px;
    padding: 14px 30px;
    border-bottom: 1px solid var(--pn-landing-line);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    background: rgba(13, 13, 19, .52);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}
.pn-landing-brand{
    color: white;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    width: fit-content;
}
.pn-landing-brand > span:last-child{
    display: grid;
    gap: 1px;
}
.pn-landing-brand strong{
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -.03em;
}
.pn-landing-brand small{
    color: var(--pn-landing-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.pn-landing-nav > div{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.pn-landing-nav > div a{
    color: rgba(255,255,255,.7);
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition: color .2s ease;
}
.pn-landing-nav > div a:hover{
    color: white;
}
.pn-landing-nav > .pn-btn{
    justify-self: end;
    color: white;
    border-color: rgba(255,255,255,.2);
    background: rgba(255,255,255,.08);
}
.pn-landing-hero{
    position: relative;
    z-index: 2;
    min-height: 670px;
    padding: 78px clamp(30px, 6vw, 88px) 68px;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .72fr);
    align-items: center;
    gap: clamp(48px, 7vw, 100px);
}
.pn-landing-copy{
    max-width: 690px;
}
.pn-landing .pn-eyebrow{
    color: #ff8ca8;
    letter-spacing: .13em;
}
.pn-landing-copy h1{
    margin: 15px 0 22px;
    color: white;
    font-size: clamp(44px, 5.2vw, 76px);
    line-height: .99;
    letter-spacing: -.058em;
    font-weight: 890;
    text-wrap: balance;
}
.pn-landing-copy > p{
    max-width: 650px;
    margin: 0;
    color: var(--pn-landing-muted);
    font-size: clamp(16px, 1.6vw, 19px);
    line-height: 1.68;
}
.pn-landing .pn-guest-actions{
    margin-top: 31px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.pn-landing .pn-guest-actions .pn-btn{
    min-height: 54px;
    padding-inline: 23px;
}
.pn-landing .pn-guest-actions .pn-btn-secondary{
    color: white;
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.07);
}
.pn-landing-proof{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
}
.pn-landing-proof span{
    color: rgba(255,255,255,.66);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 750;
}
.pn-landing-proof .pn-icon-svg{
    width: 16px;
    height: 16px;
    color: #ff7f9f;
}
.pn-landing-device{
    position: relative;
    width: min(100%, 410px);
    min-height: 548px;
    justify-self: center;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 43px;
    background: linear-gradient(155deg, rgba(255,255,255,.13), rgba(255,255,255,.035));
    box-shadow: 0 38px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.18);
    transform: rotate(2.3deg);
    overflow: hidden;
}
.pn-landing-device::before{
    content: "";
    position: absolute;
    inset: 9px;
    z-index: -1;
    border-radius: 35px;
    background: linear-gradient(180deg, #f9fafc, #eceff4);
}
.pn-landing-section{
    position: relative;
    z-index: 2;
    margin-inline: clamp(20px, 4vw, 56px);
    padding: clamp(54px, 7vw, 92px) clamp(24px, 5vw, 68px);
    border-top: 1px solid var(--pn-landing-line);
}
.pn-how-strip{
    padding-block: 26px;
    border: 1px solid var(--pn-landing-line);
    border-radius: 26px;
    background: rgba(255,255,255,.045);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}
.pn-how-strip > div{
    min-height: 92px;
    padding: 8px 28px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 14px;
}
.pn-how-strip > div + div{ border-left: 1px solid var(--pn-landing-line); }
.pn-how-strip span{ grid-row: 1 / 3; color: rgba(255,255,255,.22); font-size: 31px; font-weight: 900; letter-spacing: -.05em; }
.pn-how-strip strong{ color: white; font-size: 13px; }
.pn-how-strip small{ margin-top: 5px; color: var(--pn-landing-muted); font-size: 10px; line-height: 1.5; }
.pn-landing-section-head{
    max-width: 790px;
    margin: 0 auto 38px;
    text-align: center;
}
.pn-landing-section h2,
.pn-token-copy h2,
.pn-audience-section h2{
    margin: 12px 0 16px;
    color: white;
    font-size: clamp(31px, 4vw, 52px);
    line-height: 1.06;
    letter-spacing: -.045em;
    text-wrap: balance;
}
.pn-landing-section-head p,
.pn-token-copy > p,
.pn-audience-section > div:first-child > p{
    margin: 0;
    color: var(--pn-landing-muted);
    font-size: 15px;
    line-height: 1.7;
}
.pn-mode-showcase{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.pn-mode-story{
    position: relative;
    min-height: 390px;
    padding: 29px;
    overflow: hidden;
    border: 1px solid var(--pn-landing-line);
    border-radius: 28px;
    background: rgba(255,255,255,.045);
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.pn-mode-story::after{
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -75px;
    bottom: -80px;
    border-radius: 50%;
    background: currentColor;
    opacity: .08;
    filter: blur(5px);
}
.pn-mode-story:hover{
    transform: translateY(-7px);
    border-color: rgba(255,255,255,.22);
    background: rgba(255,255,255,.07);
}
.pn-mode-story.is-romance{ color: var(--pn-romance); }
.pn-mode-story.is-platonic{ color: #9588ff; }
.pn-mode-story.is-business{ color: #40c8ba; }
.pn-mode-story > small{ font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.pn-mode-story h3{ margin: 10px 0 12px; color: white; font-size: 25px; line-height: 1.1; letter-spacing: -.035em; }
.pn-mode-story p{ margin: 0; color: var(--pn-landing-muted); font-size: 13px; line-height: 1.65; }
.pn-mode-story ul{ margin: 23px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.pn-mode-story li{ color: rgba(255,255,255,.75); display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 700; }
.pn-mode-story li::before{ content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.pn-audience-section,
.pn-token-section{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .8fr);
    align-items: center;
    gap: clamp(38px, 7vw, 92px);
}
.pn-audience-visual{
    padding: 24px;
    border: 1px solid var(--pn-landing-line);
    border-radius: 28px;
    background: rgba(255,255,255,.045);
    display: grid;
    gap: 14px;
}
.pn-audience-visual > div{
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,.055);
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: 10px;
}
.pn-audience-visual span{
    width: 43px;
    height: 43px;
    border: 3px solid rgba(255,255,255,.72);
    border-radius: 50%;
    color: white;
    background: linear-gradient(145deg, #ff6b91, #d9265a);
    display: grid;
    place-items: center;
    font-weight: 900;
}
.pn-audience-visual span:nth-child(2){ margin-left: -19px; background: linear-gradient(145deg, #927cff, #5949c8); }
.pn-audience-visual strong{ margin-left: 8px; color: #75dfbd; font-size: 11px; }
.pn-audience-visual .is-locked strong{ color: rgba(255,255,255,.56); }
.pn-token-section{
    border: 1px solid rgba(64,200,186,.18);
    border-radius: 31px;
    background: linear-gradient(145deg, rgba(26,153,143,.11), rgba(255,255,255,.025));
}
.pn-token-flow{
    margin-top: 27px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}
.pn-token-flow span{
    padding: 10px 13px;
    border: 1px solid rgba(64,200,186,.19);
    border-radius: 999px;
    color: #a7e8df;
    background: rgba(24,154,144,.1);
    font-size: 9px;
    font-weight: 850;
}
.pn-token-flow i{ color: rgba(255,255,255,.28); font-style: normal; }
.pn-credit-pack-preview{
    padding: 19px;
    border: 1px solid var(--pn-landing-line);
    border-radius: 28px;
    background: rgba(7,15,20,.38);
    display: grid;
    gap: 10px;
}
.pn-credit-pack-preview article{
    padding: 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.055);
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 12px;
}
.pn-credit-pack-preview article > span{
    grid-row: 1 / 3;
    width: 41px;
    height: 41px;
    border-radius: 14px;
    color: #57d9ca;
    background: rgba(41,183,168,.12);
    display: grid;
    place-items: center;
}
.pn-credit-pack-preview article strong{ color: white; font-size: 12px; }
.pn-credit-pack-preview article small{ color: var(--pn-landing-muted); font-size: 9px; }
.pn-credit-pack-preview > p{ margin: 6px 5px 0; color: rgba(255,255,255,.52); font-size: 9px; line-height: 1.5; text-align: center; }
.pn-landing-plans{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    gap: 16px;
}
.pn-landing-plan{
    position: relative;
    padding: 28px;
    border: 1px solid var(--pn-landing-line);
    border-radius: 28px;
    background: rgba(255,255,255,.043);
    display: flex;
    flex-direction: column;
}
.pn-landing-plan.is-featured{
    border-color: rgba(255,93,133,.43);
    background: linear-gradient(160deg, rgba(255,61,110,.13), rgba(255,255,255,.045));
    box-shadow: 0 22px 55px rgba(255,61,110,.1);
}
.pn-plan-popular{
    width: fit-content;
    margin: -13px 0 15px;
    padding: 7px 10px;
    border-radius: 999px;
    color: white;
    background: var(--pn-primary);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .1em;
}
.pn-landing-plan h3{ margin: 0; color: white; font-size: 24px; }
.pn-landing-plan .pn-price-line{ margin: 15px 0 12px; display: flex; align-items: baseline; gap: 6px; }
.pn-landing-plan .pn-price-line strong{ color: white; font-size: 37px; letter-spacing: -.05em; }
.pn-landing-plan .pn-price-line span{ color: var(--pn-landing-muted); font-size: 10px; }
.pn-landing-plan > p{ min-height: 42px; margin: 0 0 18px; color: var(--pn-landing-muted); font-size: 11px; line-height: 1.6; }
.pn-landing-plan ul{ margin: 0 0 25px; padding: 0; list-style: none; display: grid; gap: 11px; flex: 1; }
.pn-landing-plan li{ color: rgba(255,255,255,.73); display: flex; gap: 8px; font-size: 10px; line-height: 1.45; }
.pn-landing-plan li .pn-icon-svg{ width: 15px; height: 15px; color: #53d0a8; }
.pn-landing-plan .pn-btn-secondary{ color: white; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.06); }
.pn-landing-final{
    margin-bottom: 26px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 31px;
    background:
        radial-gradient(circle at 80% 15%, rgba(41,183,168,.22), transparent 35%),
        radial-gradient(circle at 15% 90%, rgba(255,61,110,.24), transparent 38%),
        rgba(255,255,255,.04);
    text-align: center;
}
.pn-landing-final h2{ max-width: 760px; margin-inline: auto; }
.pn-landing-final p{ max-width: 650px; margin: 0 auto 25px; color: var(--pn-landing-muted); line-height: 1.65; }
.pn-credit-pack-grid{
    margin-bottom: 28px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
}
.pn-credit-pack-card{
    padding: 19px;
    border: 1px solid var(--pn-line);
    border-radius: 21px;
    background: white;
    display: flex;
    flex-direction: column;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pn-credit-pack-card:hover{ transform: translateY(-3px); border-color: rgba(17,156,146,.22); box-shadow: var(--pn-shadow-sm); }
.pn-credit-pack-icon{ width: 42px; height: 42px; margin-bottom: 15px; border-radius: 14px; color: #10837b; background: rgba(17,156,146,.09); display: grid; place-items: center; }
.pn-credit-pack-icon .pn-icon-svg{ width: 21px; height: 21px; }
.pn-credit-pack-card h3{ margin: 0 0 4px; font-size: 13px; }
.pn-credit-pack-card > strong{ color: #11766f; font-size: 19px; }
.pn-credit-pack-card p{ min-height: 42px; margin: 8px 0 16px; color: var(--pn-muted); font-size: 9px; line-height: 1.5; flex: 1; }
@media (max-width: 980px){
.pn-landing-hero{ grid-template-columns: 1fr; text-align: center; }
.pn-landing-copy{ margin-inline: auto; }
.pn-landing-proof,
.pn-landing .pn-guest-actions{ justify-content: center; }
.pn-landing-device{ width: min(100%, 395px); }
.pn-audience-section,
.pn-token-section{ grid-template-columns: 1fr; }
.pn-mode-showcase,
.pn-landing-plans{ grid-template-columns: 1fr; }
.pn-mode-story{ min-height: 0; }
.pn-how-strip{ grid-template-columns: 1fr; }
.pn-how-strip > div + div{ border-left: 0; border-top: 1px solid var(--pn-landing-line); }
}
@media (max-width: 760px){
.pn-landing{ width: 100%; margin: 0; border-radius: 0; border-inline: 0; }
.pn-landing-nav{ grid-template-columns: 1fr auto; min-height: 66px; padding: 10px 16px; }
.pn-landing-nav > div{ display: none; }
.pn-landing-hero{ min-height: 0; padding: 57px 20px 50px; gap: 42px; }
.pn-landing-copy h1{ font-size: clamp(42px, 13vw, 59px); }
.pn-landing-copy > p{ font-size: 15px; }
.pn-landing .pn-guest-actions{ flex-direction: column; }
.pn-landing .pn-guest-actions .pn-btn{ width: 100%; }
.pn-landing-proof{ display: grid; grid-template-columns: 1fr 1fr; text-align: left; }
.pn-landing-device{ min-height: 500px; border-radius: 35px; transform: none; }
.pn-landing-section{ margin-inline: 13px; padding: 55px 18px; }
.pn-how-strip{ padding: 0; }
.pn-how-strip > div{ padding: 22px 18px; }
.pn-mode-story{ padding: 24px; }
.pn-credit-pack-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 430px){
.pn-landing-proof{ grid-template-columns: 1fr; }
.pn-landing-section h2,
.pn-token-copy h2,
.pn-audience-section h2{ font-size: 34px; }
.pn-audience-visual{ padding: 13px; }
.pn-audience-visual > div{ padding: 13px; }
.pn-audience-visual strong{ font-size: 9px; }
}
.pn-landing button.pn-btn,
.pn-landing button.pn-btn span,
.pn-landing button.pn-btn small{
    -webkit-text-fill-color: currentColor;
}
.pn-landing-nav > .pn-btn,
.pn-landing .pn-guest-actions .pn-btn-secondary,
.pn-landing-plan .pn-btn-secondary{
    color: #ffffff !important;
}
.pn-landing-nav > .pn-btn:hover,
.pn-landing .pn-guest-actions .pn-btn-secondary:hover,
.pn-landing-plan .pn-btn-secondary:hover{
    color: #ffffff !important;
    border-color: rgba(255,255,255,.28);
    background: rgba(255,255,255,.11);
}
.pn-landing-plan .pn-btn{
    width: 100%;
    justify-content: center;
    font-weight: 800;
}
.pn-plan-token-stat{
    margin: 4px 0 18px;
    padding: 16px 0 18px;
    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.pn-plan-token-stat strong{
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -.04em;
    white-space: nowrap;
}
.pn-plan-token-stat span{
    color: rgba(255,255,255,.78);
    font-size: 11px;
    line-height: 1.45;
}
@media (max-width: 640px){
.pn-plan-token-stat{
        gap: 6px;
    }
.pn-plan-token-stat strong{
        font-size: 17px;
    }
}
body.pn-landing-experience #pn-temp-trial-modal{
    --pn-temp-viewport-height: var(--pn-visual-viewport-height, 100dvh);
    align-items: center;
    justify-content: center;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
    overflow: hidden !important;
    overscroll-behavior: none;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell{
    width: min(620px, calc(100vw - 24px));
    height: min(760px, calc(var(--pn-temp-viewport-height) - 24px));
    max-height: none;
    min-height: 0;
    overflow: hidden;
    padding: clamp(18px, 4.2vh, 34px) clamp(22px, 4vw, 40px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-mark{
    width: clamp(42px, 7vh, 58px);
    height: clamp(42px, 7vh, 58px);
    margin-bottom: clamp(10px, 2.2vh, 22px);
    flex: 0 0 auto;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-mark .pn-icon-svg{
    width: clamp(22px, 3.8vh, 29px);
    height: clamp(22px, 3.8vh, 29px);
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell > .pn-eyebrow{
    font-size: clamp(9px, 1.15vw, 11px);
    line-height: 1.1;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell h2{
    margin: clamp(5px, 1.2vh, 9px) 0 clamp(6px, 1.4vh, 10px);
    max-width: 100%;
    font-size: clamp(28px, 5vw, 46px);
    line-height: .96;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell > p{
    margin-bottom: clamp(12px, 2.5vh, 22px);
    font-size: clamp(11px, 1.35vw, 14px);
    line-height: 1.45;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-auth-form{
    gap: clamp(7px, 1.7vh, 12px);
}
body.pn-landing-experience #pn-temp-trial-modal .pn-field > span{
    margin-bottom: clamp(3px, .8vh, 7px);
    font-size: clamp(10px, 1.1vw, 11px);
    line-height: 1.15;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell .pn-input,
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-submit{
    min-height: clamp(42px, 6.5vh, 54px);
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-submit{
    margin-top: 0;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-note{
    min-width: 0;
    margin-top: 0;
    padding: clamp(8px, 1.7vh, 14px) clamp(10px, 1.8vw, 15px);
    gap: clamp(7px, 1.2vw, 10px);
    font-size: clamp(9px, 1.1vw, 11px);
    line-height: 1.4;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-note > span{
    min-width: 0;
    overflow-wrap: anywhere;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-legal{
    margin-top: 0;
    font-size: clamp(8px, 1vw, 9.5px);
    line-height: 1.35;
}
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell [data-temp-trial-message]{
    min-width: 0;
    margin-top: 0;
    font-size: clamp(10px, 1.1vw, 12px);
    line-height: 1.3;
}
@media (max-width: 760px){
body.pn-landing-experience #pn-temp-trial-modal{
        padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell{
        width: min(100%, calc(100vw - 16px));
        height: min(760px, calc(var(--pn-temp-viewport-height) - 16px));
        padding: clamp(14px, 4.2vh, 24px) 18px max(14px, env(safe-area-inset-bottom));
        border-radius: 24px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-mark{
        width: clamp(36px, 7vh, 48px);
        height: clamp(36px, 7vh, 48px);
        margin-bottom: clamp(8px, 1.8vh, 16px);
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell h2{
        font-size: clamp(25px, 8vw, 38px);
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell > p{
        margin-bottom: clamp(10px, 2.4vh, 18px);
        font-size: clamp(10.5px, 3.2vw, 13px);
        line-height: 1.4;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-auth-form{
        gap: 8px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell .pn-input,
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-submit{
        min-height: clamp(40px, 6.7vh, 50px);
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-note{
        padding: 8px 10px;
        gap: 7px;
        font-size: clamp(9px, 2.8vw, 11px);
        line-height: 1.35;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-legal{
        font-size: clamp(8px, 2.5vw, 9.5px);
    }
}
@media (max-width: 760px) and (max-height: 620px){
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell{
        padding-top: 11px;
        padding-bottom: max(11px, env(safe-area-inset-bottom));
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-mark{
        width: 34px;
        height: 34px;
        margin-bottom: 6px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-mark .pn-icon-svg{
        width: 18px;
        height: 18px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell h2{
        font-size: clamp(23px, 7vw, 31px);
        margin-block: 4px 6px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell > p{
        margin-bottom: 8px;
        font-size: 10px;
        line-height: 1.28;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-auth-form{
        gap: 6px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-field > span{
        margin-bottom: 2px;
        font-size: 9px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell .pn-input,
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-submit{
        min-height: 38px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-note{
        padding: 6px 8px;
        font-size: 8.5px;
        line-height: 1.25;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-legal{
        font-size: 7.5px;
        line-height: 1.2;
    }
}
@media (max-height: 620px) and (min-width: 761px){
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell{
        padding-top: 15px;
        padding-bottom: 15px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-mark{
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell h2{
        font-size: 34px;
    }
body.pn-landing-experience #pn-temp-trial-modal .pn-temp-trial-shell > p{
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.35;
    }
}
@media (max-width: 760px){
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-temp-trial-shell{
        justify-content: flex-start;
        padding-top: 8px;
        padding-bottom: max(8px, env(safe-area-inset-bottom));
    }
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-temp-trial-mark{
        display: none;
    }
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-temp-trial-shell h2{
        font-size: 23px;
        margin-block: 3px 5px;
    }
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-temp-trial-shell > p{
        margin-bottom: 6px;
        font-size: 9.5px;
        line-height: 1.25;
    }
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-auth-form{
        gap: 5px;
    }
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-temp-trial-shell .pn-input,
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-temp-trial-submit{
        min-height: 36px;
    }
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-temp-trial-note{
        padding: 5px 7px;
        font-size: 8px;
        line-height: 1.2;
    }
body.pn-landing-experience.pn-keyboard-open #pn-temp-trial-modal .pn-temp-trial-legal{
        font-size: 7px;
        line-height: 1.15;
    }
}
#pn-view-subscription .pn-credit-pack-grid{
    margin-bottom: 34px;
}
#pn-view-subscription .pn-credit-pack-card{
    padding: 22px;
}
:root{
    --pn-visual-viewport-height: 100dvh;
    --pn-visual-viewport-offset: 0px;
}
.pn-privacy-action-sheet > p{
    margin: 10px 0 18px;
    color: var(--pn-muted);
    line-height: 1.62;
}
.pn-privacy-action-sheet .pn-btn{
    width: 100%;
    justify-content: center;
}
.pn-privacy-action-sheet{
    width: min(100%, 455px);
    text-align: center;
}
.pn-privacy-action-icon{
    width: 66px;
    height: 66px;
    margin: 0 auto 18px;
    border-radius: 22px;
    color: white;
    background: linear-gradient(145deg, #272933, #111218);
    display: grid;
    place-items: center;
}
.pn-privacy-action-icon .pn-icon-svg{
    width: 30px;
    height: 30px;
}
.pn-privacy-action-sheet .pn-nudge-boundary{
    margin: 0 0 18px;
    text-align: left;
}
@media (max-width: 860px){
.pn-privacy-action-sheet{
        padding-inline: 20px;
    }
}
:root{
    --pn-page-status-color: #91536d;
    --pn-page-theme-strong: #5b172d;
}
html.pn-landing-experience,
body.pn-landing-experience{
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    overscroll-behavior: none;
}
body.pn-landing-experience{
    margin: 0 !important;
}
.pn-landing{
    position: fixed;
    inset: 0;
    z-index: 9990;
    width: 100vw;
    max-width: none;
    height: 100dvh;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.pn-landing-nav{
    height: 78px;
    min-height: 78px;
    flex: 0 0 78px;
}
.pn-landing-stage{
    position: relative;
    width: 100%;
    height: calc(100dvh - 78px);
    overflow: hidden;
    touch-action: pan-y pan-x;
}
.pn-landing-track{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    transform: translate3d(0,0,0);
    transition: transform .72s cubic-bezier(.2,.78,.24,1);
    will-change: transform;
}
.pn-landing-slide{
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 0 !important;
    flex: 0 0 100%;
    margin: 0 !important;
    overflow: hidden;
    box-sizing: border-box;
}
.pn-landing-slide > *{
    opacity: .42;
    transform: translateX(-34px);
    transition: opacity .46s ease .12s, transform .55s cubic-bezier(.2,.78,.24,1) .08s;
}
.pn-landing-slide.is-active > *{
    opacity: 1;
    transform: translateX(0);
}
.pn-landing-hero.pn-landing-slide{
    padding: clamp(32px, 5vh, 66px) clamp(30px, 6vw, 88px);
}
.pn-landing-section.pn-landing-slide:not(.pn-how-strip):not(.pn-audience-section):not(.pn-token-section){
    padding: clamp(30px, 5vh, 60px) clamp(28px, 6vw, 76px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pn-how-strip.pn-landing-slide{
    padding: clamp(38px, 8vh, 90px) clamp(34px, 8vw, 120px);
    border-radius: 0;
    border-inline: 0;
    align-content: center;
    background: rgba(255,255,255,.025);
}
.pn-audience-section.pn-landing-slide,
.pn-token-section.pn-landing-slide{
    padding: clamp(36px, 6vh, 70px) clamp(32px, 7vw, 96px);
}
.pn-final-cta.pn-landing-slide{
    border-radius: 0;
    border-inline: 0;
    border-bottom: 0;
}
.pn-landing-section-head{
    margin-bottom: clamp(20px, 3.5vh, 34px);
}
.pn-mode-story{
    min-height: clamp(270px, 39vh, 360px);
}
.pn-landing-progress{
    position: fixed;
    z-index: 9995;
    right: max(14px, calc(env(safe-area-inset-right) + 10px));
    top: 50%;
    transform: translateY(-42%);
    display: grid;
    gap: 7px;
}
.pn-landing-progress-dot{
    min-width: 0;
    height: 28px;
    padding: 0 8px 0 7px;
    border: 0;
    border-radius: 999px;
    color: rgba(255,255,255,.54);
    background: rgba(7,9,14,.42);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    cursor: pointer;
    backdrop-filter: blur(12px);
    transition: color .2s ease, background .2s ease, width .2s ease;
}
.pn-landing-progress-dot i{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex: 0 0 auto;
}
.pn-landing-progress-dot span{
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    font-size: 8px;
    font-weight: 800;
    transition: max-width .22s ease, opacity .22s ease;
}
.pn-landing-progress-dot:hover span,
.pn-landing-progress-dot.is-active span{
    max-width: 92px;
    opacity: 1;
}
.pn-landing-progress-dot.is-active{
    color: white;
    background: rgba(255,61,110,.72);
}
.pn-landing-scroll-hint{
    position: fixed;
    z-index: 9994;
    left: max(18px, calc(env(safe-area-inset-left) + 14px));
    bottom: max(14px, calc(env(safe-area-inset-bottom) + 10px));
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    color: rgba(255,255,255,.58);
    background: rgba(8,10,15,.38);
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
    transition: opacity .2s ease;
}
.pn-landing-scroll-hint .pn-icon-svg{
    width: 13px;
    height: 13px;
    transform: rotate(90deg);
}
.pn-landing.is-at-end .pn-landing-scroll-hint{
    opacity: 0;
}
@media (max-height: 780px) and (min-width: 761px){
.pn-landing-nav{ height: 68px; min-height: 68px; }
.pn-landing-stage{ height: calc(100dvh - 68px); }
.pn-landing-hero.pn-landing-slide{ padding-block: 26px; }
.pn-landing-copy h1{ font-size: clamp(40px, 5vw, 62px); }
.pn-landing-device{ min-height: 450px; width: min(100%, 355px); }
.pn-mode-story{ min-height: 255px; padding: 22px; }
.pn-mode-story h3{ font-size: 21px; }
.pn-mode-story ul{ margin-top: 14px; gap: 7px; }
.pn-landing-plan{ padding: 20px; }
.pn-landing-plan ul{ gap: 7px; margin-bottom: 15px; }
}
@media (max-width: 760px){
.pn-landing-nav{
        height: 66px;
        min-height: 66px;
    }
.pn-landing-stage{
        height: calc(100dvh - 66px);
    }
.pn-landing-hero.pn-landing-slide{
        position: relative;
        padding: 34px 20px 70px;
        display: flex;
        align-items: center;
        text-align: left;
    }
.pn-landing-copy{
        position: relative;
        z-index: 3;
        width: 100%;
        max-width: 520px;
        margin: 0;
    }
.pn-landing-copy h1{
        max-width: 92%;
        font-size: clamp(39px, 12vw, 56px);
    }
.pn-landing-copy > p{
        max-width: 88%;
        font-size: 14px;
    }
.pn-landing .pn-guest-actions{
        width: min(100%, 340px);
    }
.pn-landing-proof{
        width: min(92%, 400px);
    }
.pn-landing-device{
        position: absolute;
        z-index: 1;
        width: 235px;
        min-height: 360px;
        right: -92px;
        bottom: -44px;
        opacity: .22;
        transform: rotate(7deg);
        pointer-events: none;
    }
.pn-how-strip.pn-landing-slide{
        padding: 42px 18px;
        display: grid;
        grid-template-columns: 1fr;
        align-content: center;
    }
.pn-how-strip > div{
        min-height: 0;
        padding: 22px 18px;
    }
.pn-landing-section.pn-landing-slide:not(.pn-how-strip):not(.pn-audience-section):not(.pn-token-section),
.pn-audience-section.pn-landing-slide,
.pn-token-section.pn-landing-slide{
        padding: 28px 18px 64px;
    }
.pn-landing-section h2,
.pn-token-copy h2,
.pn-audience-section h2{
        font-size: clamp(30px, 9vw, 39px);
    }
.pn-landing-section-head{
        margin-bottom: 18px;
    }
.pn-mode-showcase,
.pn-landing-plans{
        width: calc(100% + 18px);
        margin-right: -18px;
        padding-right: 18px;
        display: flex;
        gap: 11px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
.pn-mode-showcase::-webkit-scrollbar,
.pn-landing-plans::-webkit-scrollbar{ display: none; }
.pn-mode-story,
.pn-landing-plan{
        flex: 0 0 min(82vw, 330px);
        scroll-snap-align: start;
    }
.pn-mode-story{
        min-height: 330px;
        padding: 22px;
    }
.pn-audience-section.pn-landing-slide,
.pn-token-section.pn-landing-slide{
        grid-template-columns: 1fr;
        align-content: center;
        gap: 22px;
    }
.pn-audience-visual{
        padding: 14px;
    }
.pn-token-flow{
        margin-top: 18px;
    }
.pn-credit-pack-preview{
        padding: 12px;
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: 7px;
    }
.pn-credit-pack-preview article{
        padding: 10px;
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }
.pn-credit-pack-preview article > span{
        grid-row: auto;
        width: 34px;
        height: 34px;
        margin-bottom: 5px;
    }
.pn-credit-pack-preview > p{
        grid-column: 1 / -1;
    }
.pn-landing-progress{
        top: auto;
        right: 50%;
        bottom: max(12px, calc(env(safe-area-inset-bottom) + 8px));
        transform: translateX(50%);
        display: flex;
        gap: 5px;
    }
.pn-landing-progress-dot{
        width: 18px;
        height: 18px;
        padding: 0;
        justify-content: center;
        background: rgba(7,9,14,.42);
    }
.pn-landing-progress-dot span{ display: none; }
.pn-landing-progress-dot.is-active{ width: 34px; }
.pn-landing-scroll-hint{
        left: 12px;
        bottom: max(12px, calc(env(safe-area-inset-bottom) + 8px));
        padding: 5px 8px;
    }
}
@media (prefers-reduced-motion: reduce){
.pn-landing-track,
.pn-landing-slide > *{
        transition: none !important;
        animation: none !important;
    }
}
.pn-landing-network{
    position: absolute;
    inset: 84px 0 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}
.pn-network-orb,
.pn-network-link{
    position: absolute;
    opacity: .96;
}
.pn-network-orb{
    border-radius: 50%;
    filter: blur(.2px);
    box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 18px 50px rgba(0,0,0,.18);
    animation: pnNetworkFloat 11s ease-in-out infinite;
}
.pn-network-orb::before,
.pn-network-orb::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
}
.pn-network-orb::before{
    inset: -18%;
    opacity: .28;
    filter: blur(18px);
    background: inherit;
}
.pn-network-orb::after{
    inset: 22%;
    background: rgba(255,255,255,.7);
    opacity: .28;
}
.pn-network-orb.orb-one{
    width: 112px;
    height: 112px;
    top: 10%;
    left: 8%;
    background: radial-gradient(circle at 32% 30%, #fff1f5 0 6%, rgba(255,255,255,.18) 8%, rgba(255,255,255,0) 24%), linear-gradient(145deg, rgba(255,70,124,.94), rgba(255,132,167,.56));
    animation-delay: -1.5s;
}
.pn-network-orb.orb-two{
    width: 88px;
    height: 88px;
    top: 58%;
    left: 18%;
    background: radial-gradient(circle at 32% 30%, #f4f0ff 0 7%, rgba(255,255,255,.16) 9%, rgba(255,255,255,0) 24%), linear-gradient(145deg, rgba(124,92,255,.96), rgba(95,156,255,.54));
    animation-duration: 13s;
    animation-delay: -5s;
}
.pn-network-orb.orb-three{
    width: 132px;
    height: 132px;
    top: 15%;
    right: 12%;
    background: radial-gradient(circle at 32% 30%, #effffb 0 6%, rgba(255,255,255,.16) 8%, rgba(255,255,255,0) 24%), linear-gradient(145deg, rgba(24,190,174,.92), rgba(120,229,196,.5));
    animation-duration: 14s;
    animation-delay: -3s;
}
.pn-network-orb.orb-four{
    width: 74px;
    height: 74px;
    top: 68%;
    right: 20%;
    background: radial-gradient(circle at 32% 30%, #f0f8ff 0 7%, rgba(255,255,255,.16) 9%, rgba(255,255,255,0) 24%), linear-gradient(145deg, rgba(94,147,255,.95), rgba(255,107,168,.48));
    animation-duration: 12s;
    animation-delay: -8s;
}
.pn-network-link{
    height: 2px;
    border-radius: 999px;
    transform-origin: left center;
    background:
        radial-gradient(circle, rgba(255,255,255,.9) 0 1.3px, transparent 1.7px) left center / 14px 100% repeat-x,
        linear-gradient(90deg, rgba(255,255,255,.03), rgba(255,255,255,.24), rgba(255,255,255,.03));
    opacity: .55;
    overflow: visible;
}
.pn-network-link::before{
    content: "";
    position: absolute;
    inset: -1px 0;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.4), rgba(255,255,255,0));
    opacity: .45;
}
.pn-network-link::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255,255,255,.07), 0 0 20px rgba(255,255,255,.4);
    background: radial-gradient(circle at 35% 35%, #ffffff 0 20%, rgba(255,255,255,.86) 28%, rgba(255,255,255,.35) 72%, rgba(255,255,255,0) 100%);
    animation: pnNetworkTravel 4.4s linear infinite;
}
.pn-network-link.link-one{
    top: 24%;
    left: 15%;
    width: 30%;
    transform: rotate(10deg);
}
.pn-network-link.link-two{
    top: 56%;
    left: 25%;
    width: 24%;
    transform: rotate(-23deg);
    animation-delay: -.8s;
}
.pn-network-link.link-two::after{ animation-delay: -.8s; }
.pn-network-link.link-three{
    top: 33%;
    right: 16%;
    width: 26%;
    transform: rotate(122deg);
    animation-delay: -1.6s;
}
.pn-network-link.link-three::after{ animation-delay: -1.6s; }
.pn-network-link.link-four{
    top: 67%;
    right: 21%;
    width: 19%;
    transform: rotate(-32deg);
    animation-delay: -2.2s;
}
.pn-network-link.link-four::after{ animation-delay: -2.2s; }
.pn-guest-glow-one{
    animation: pnGlowDriftOne 14s ease-in-out infinite;
}
.pn-guest-glow-two{
    animation: pnGlowDriftTwo 16s ease-in-out infinite;
}
@keyframes pnNetworkFloat{
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(0, -14px, 0) scale(1.035); }
}
@keyframes pnNetworkTravel{
    0% { transform: translateX(0) scale(.72); opacity: 0; }
    12% { opacity: 1; }
    50% { transform: translateX(calc(50% - 6px)) scale(1); opacity: 1; }
    88% { opacity: 1; }
    100% { transform: translateX(calc(100% - 2px)) scale(.72); opacity: 0; }
}
@keyframes pnGlowDriftOne{
    0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .62; }
    50% { transform: translate3d(-14px, 18px, 0) scale(1.08); opacity: .82; }
}
@keyframes pnGlowDriftTwo{
    0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .52; }
    50% { transform: translate3d(20px, -14px, 0) scale(1.05); opacity: .74; }
}
@keyframes pnRadarPulse{
    0% { transform: scale(.88); opacity: .7; }
    70% { transform: scale(1.45); opacity: 0; }
    100% { transform: scale(1.45); opacity: 0; }
}
@media (prefers-reduced-motion: reduce){
.pn-network-orb,
.pn-network-link::after,
.pn-guest-glow-one,
.pn-guest-glow-two{
        animation: none !important;
    }
}
@media (max-width: 860px){
.pn-landing-network{
        inset: 72px 0 0;
        opacity: .88;
    }
.pn-network-orb.orb-one{ width: 86px; height: 86px; left: -2%; top: 13%; }
.pn-network-orb.orb-two{ width: 68px; height: 68px; left: 8%; top: 63%; }
.pn-network-orb.orb-three{ width: 102px; height: 102px; right: -4%; top: 17%; }
.pn-network-orb.orb-four{ width: 62px; height: 62px; right: 10%; top: 73%; }
.pn-network-link.link-one{ left: 9%; width: 30%; }
.pn-network-link.link-two{ left: 16%; width: 20%; }
.pn-network-link.link-three{ right: 9%; width: 22%; }
.pn-network-link.link-four{ right: 12%; width: 17%; }
}
@media (max-width: 760px){
.pn-landing{
        --pn-mobile-slide-x: clamp(18px, 5vw, 24px);
        --pn-mobile-slide-top: clamp(18px, 2.8dvh, 28px);
        --pn-mobile-controls-h: calc(58px + env(safe-area-inset-bottom));
        --pn-mobile-copy: clamp(12px, 3.25vw, 14px);
        --pn-mobile-small: clamp(9px, 2.55vw, 11px);
    }
.pn-landing,
.pn-landing-stage,
.pn-landing-track,
.pn-landing-slide{
        max-width: 100vw;
    }
.pn-landing-stage{
        overflow: hidden;
    }
.pn-landing-slide,
.pn-landing-section.pn-landing-slide,
.pn-audience-section.pn-landing-slide,
.pn-token-section.pn-landing-slide,
.pn-how-strip.pn-landing-slide,
.pn-final-cta.pn-landing-slide{
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: var(--pn-mobile-slide-top) var(--pn-mobile-slide-x) var(--pn-mobile-controls-h) !important;
        overflow: hidden;
        box-sizing: border-box;
    }
.pn-landing-slide > *{
        min-width: 0;
        max-width: 100%;
    }
.pn-landing-nav{
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        padding: 9px 14px;
    }
.pn-landing-brand{
        min-width: 0;
        gap: 9px;
    }
.pn-landing-brand .pn-brand-mark-small{
        width: 43px;
        height: 43px;
        border-radius: 14px;
    }
.pn-landing-brand strong{ font-size: 16px; }
.pn-landing-brand small{ font-size: 7.5px; white-space: nowrap; }
.pn-landing-nav > .pn-btn{ min-height: 42px; padding-inline: 14px; white-space: nowrap; }
.pn-landing-hero.pn-landing-slide{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
    }
.pn-landing-copy{
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
.pn-landing .pn-eyebrow{
        margin-bottom: 7px;
        font-size: clamp(9px, 2.5vw, 11px);
        line-height: 1.25;
    }
.pn-landing-copy h1{
        max-width: 100%;
        margin: 8px 0 15px;
        font-size: clamp(36px, 10.6vw, 48px);
        line-height: .99;
        letter-spacing: -.055em;
    }
.pn-landing-copy > p{
        max-width: min(100%, 560px);
        font-size: var(--pn-mobile-copy);
        line-height: 1.52;
    }
.pn-landing .pn-guest-actions{
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1.08fr .92fr;
        gap: 9px;
    }
.pn-landing .pn-guest-actions .pn-btn{
        width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 0 12px;
        font-size: clamp(10px, 2.9vw, 13px);
        line-height: 1.2;
        text-align: center;
    }
.pn-landing-proof{
        width: calc(100% + 4px);
        max-width: none;
        margin: 18px -2px 0;
        padding: 2px;
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
.pn-landing-proof::-webkit-scrollbar{ display: none; }
.pn-landing-proof span{
        flex: 0 0 auto;
        padding: 7px 9px;
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 999px;
        background: rgba(255,255,255,.035);
        font-size: 9px;
        white-space: nowrap;
    }
.pn-landing-device{
        width: 205px;
        min-height: 318px;
        right: -112px;
        bottom: -60px;
        opacity: .14;
    }
.pn-how-strip.pn-landing-slide{
        display: grid;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        align-content: stretch;
        gap: 9px;
        border: 0;
        background: transparent;
    }
.pn-how-strip > div{
        min-height: 0;
        padding: clamp(14px, 2.5dvh, 20px);
        border: 1px solid var(--pn-landing-line) !important;
        border-radius: 20px;
        background: rgba(255,255,255,.045);
    }
.pn-how-strip span{ font-size: clamp(25px, 8vw, 32px); }
.pn-how-strip strong{ font-size: clamp(12px, 3.3vw, 14px); }
.pn-how-strip small{ font-size: clamp(9px, 2.7vw, 11px); line-height: 1.45; }
.pn-landing-section-head{
        width: 100%;
        margin: 0 0 clamp(12px, 2dvh, 18px);
        text-align: center;
    }
.pn-landing-section h2,
.pn-token-copy h2,
.pn-audience-section h2{
        margin: 7px 0 11px;
        font-size: clamp(27px, 7.6vw, 35px);
        line-height: 1.04;
        letter-spacing: -.045em;
    }
.pn-landing-section-head p,
.pn-token-copy > p,
.pn-audience-section > div:first-child > p{
        font-size: clamp(11px, 3vw, 13px);
        line-height: 1.5;
    }
#pn-modes.pn-landing-slide,
#pn-plans.pn-landing-slide{
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr);
        align-content: stretch;
        justify-content: stretch;
    }
#pn-modes .pn-mode-showcase,
#pn-plans .pn-landing-plans{
        width: calc(100% + var(--pn-mobile-slide-x));
        min-height: 0;
        height: 100%;
        margin: 0 calc(var(--pn-mobile-slide-x) * -1) 0 0;
        padding: 0 var(--pn-mobile-slide-x) 2px 0;
        align-items: stretch;
    }
#pn-modes .pn-mode-story,
#pn-plans .pn-landing-plan{
        height: 100%;
        min-height: 0;
        max-height: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }
#pn-modes .pn-mode-story{
        flex-basis: min(79vw, 320px);
        padding: clamp(16px, 3.8vw, 21px);
        display: flex;
        flex-direction: column;
    }
#pn-modes .pn-mode-story > small{ font-size: 8px; }
#pn-modes .pn-mode-story h3{ margin: 8px 0 9px; font-size: clamp(20px, 5.7vw, 24px); }
#pn-modes .pn-mode-story p{ font-size: clamp(10px, 2.85vw, 12px); line-height: 1.48; }
#pn-modes .pn-mode-story ul{ margin-top: auto; padding-top: 12px; gap: 6px; }
#pn-modes .pn-mode-story li{ font-size: clamp(8.5px, 2.45vw, 10px); line-height: 1.35; }
.pn-audience-section.pn-landing-slide{
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        align-content: center;
        gap: clamp(14px, 2.4dvh, 20px);
    }
.pn-audience-visual{
        width: 100%;
        padding: clamp(12px, 3vw, 16px);
        gap: 9px;
        border-radius: 22px;
    }
.pn-audience-visual > div{ padding: 12px; border-radius: 16px; }
.pn-audience-visual span{ width: 37px; height: 37px; }
.pn-audience-visual strong{ min-width: 0; font-size: 9px; line-height: 1.35; }
#pn-credits.pn-landing-slide{
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, auto) auto;
        align-content: center;
        gap: clamp(12px, 2dvh, 18px);
        border: 0;
        border-radius: 0;
        background: transparent;
    }
#pn-credits .pn-token-copy{ min-width: 0; }
#pn-credits .pn-token-copy h2{ font-size: clamp(27px, 7.5vw, 34px); }
#pn-credits .pn-token-copy > p{ font-size: clamp(10.5px, 2.9vw, 12.5px); line-height: 1.48; }
#pn-credits .pn-token-flow{
        margin-top: 13px;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 6px;
    }
#pn-credits .pn-token-flow span{
        min-width: 0;
        padding: 8px 7px;
        border-radius: 14px;
        font-size: clamp(7.5px, 2.1vw, 9px);
        line-height: 1.25;
        text-align: center;
    }
#pn-credits .pn-token-flow span:last-child{
        grid-column: 1 / -1;
        justify-self: center;
        width: min(72%, 240px);
    }
#pn-credits .pn-token-flow i:nth-of-type(2){ display: none; }
#pn-credits .pn-credit-pack-preview{
        width: 100%;
        padding: 10px;
        gap: 7px;
        border-radius: 20px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
#pn-credits .pn-credit-pack-preview article{
        min-width: 0;
        padding: 9px 5px;
        border-radius: 14px;
    }
#pn-credits .pn-credit-pack-preview article > span{
        width: 31px;
        height: 31px;
        border-radius: 11px;
    }
#pn-credits .pn-credit-pack-preview article strong{
        font-size: clamp(9px, 2.55vw, 11px);
        white-space: nowrap;
    }
#pn-credits .pn-credit-pack-preview article small{
        font-size: clamp(7px, 2.05vw, 8.5px);
        line-height: 1.35;
        text-align: center;
    }
#pn-credits .pn-credit-pack-preview > p{
        margin-top: 2px;
        font-size: 8px;
        line-height: 1.35;
    }
#pn-plans .pn-landing-section-head h2{
        font-size: clamp(27px, 7.5vw, 34px);
    }
#pn-plans .pn-landing-plan{
        flex: 0 0 min(82vw, 326px);
        padding: clamp(14px, 3.5vw, 19px);
        border-radius: 22px;
    }
#pn-plans .pn-plan-popular{
        margin: -4px 0 8px;
        padding: 5px 8px;
        font-size: 7px;
    }
#pn-plans .pn-landing-plan h3{ font-size: 19px; }
#pn-plans .pn-landing-plan .pn-price-line{ margin: 7px 0 6px; }
#pn-plans .pn-landing-plan .pn-price-line strong{ font-size: 28px; }
#pn-plans .pn-landing-plan .pn-price-line span{ font-size: 8.5px; }
#pn-plans .pn-landing-plan > p{
        min-height: 0;
        margin-bottom: 8px;
        font-size: clamp(8.5px, 2.4vw, 10px);
        line-height: 1.4;
    }
#pn-plans .pn-plan-token-stat{
        margin: 0 0 8px;
        padding: 8px 0;
        gap: 5px;
    }
#pn-plans .pn-plan-token-stat strong{ font-size: 15px; }
#pn-plans .pn-plan-token-stat span{ font-size: 8.5px; }
#pn-plans .pn-landing-plan ul{
        min-height: 0;
        margin: 0;
        padding: 0 0 8px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: clamp(4px, .85dvh, 7px);
        flex: 1 1 auto;
        overflow: hidden;
    }
#pn-plans .pn-landing-plan li{
        min-width: 0;
        gap: 6px;
        font-size: clamp(8px, 2.25vw, 9.5px);
        line-height: 1.28;
    }
#pn-plans .pn-landing-plan li .pn-icon-svg{
        width: 12px;
        height: 12px;
        margin-top: 1px;
        flex: 0 0 12px;
    }
#pn-plans .pn-landing-plan .pn-btn{
        min-height: 43px;
        margin-top: auto;
        padding: 0 12px;
        font-size: 11px;
        flex: 0 0 auto;
    }
.pn-final-cta.pn-landing-slide{
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 0;
    }
.pn-final-cta .pn-brand-mark{
        width: 54px;
        height: 54px;
        margin-bottom: 16px;
        border-radius: 18px;
    }
.pn-final-cta h2{ max-width: 100%; }
.pn-final-cta p{ margin-bottom: 20px; font-size: var(--pn-mobile-copy); }
.pn-landing-progress{
        bottom: max(13px, calc(env(safe-area-inset-bottom) + 9px));
        max-width: calc(100vw - 150px);
        padding: 5px 7px;
        border: 1px solid rgba(255,255,255,.06);
        border-radius: 999px;
        background: rgba(8,10,16,.58);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }
.pn-landing-progress-dot{
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
    }
.pn-landing-progress-dot.is-active{ width: 32px; flex-basis: 32px; }
.pn-landing-scroll-hint{
        bottom: max(13px, calc(env(safe-area-inset-bottom) + 9px));
        min-height: 29px;
        padding: 5px 8px;
    }
.pn-auth-shell,
.pn-modal-content,
.pn-credit-pack-card{
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
.pn-auth-main{
        overflow-x: hidden;
    }
}
@media (max-width: 760px) and (max-height: 720px){
.pn-landing{
        --pn-mobile-slide-top: 13px;
        --pn-mobile-controls-h: calc(52px + env(safe-area-inset-bottom));
    }
.pn-landing-nav,
.pn-landing-stage{ }
.pn-landing-copy h1{ font-size: clamp(32px, 9.6vw, 41px); margin-bottom: 10px; }
.pn-landing-copy > p{ font-size: 11.5px; line-height: 1.42; }
.pn-landing .pn-guest-actions{ margin-top: 13px; }
.pn-landing .pn-guest-actions .pn-btn{ min-height: 43px; }
.pn-landing-proof{ margin-top: 11px; }
.pn-landing-section h2,
.pn-token-copy h2,
.pn-audience-section h2,
#pn-plans .pn-landing-section-head h2,
#pn-credits .pn-token-copy h2{ font-size: clamp(24px, 6.9vw, 30px); }
.pn-landing-section-head{ margin-bottom: 10px; }
.pn-landing-section-head p,
.pn-token-copy > p,
.pn-audience-section > div:first-child > p{ font-size: 10.5px; line-height: 1.4; }
#pn-modes .pn-mode-story h3{ font-size: 19px; }
#pn-modes .pn-mode-story p{ font-size: 10px; }
#pn-modes .pn-mode-story li{ font-size: 8px; }
#pn-credits .pn-token-flow{ margin-top: 9px; }
#pn-credits .pn-credit-pack-preview{ padding: 7px; }
#pn-credits .pn-credit-pack-preview article > span{ width: 27px; height: 27px; }
#pn-plans .pn-landing-plan{ padding: 12px 14px; }
#pn-plans .pn-landing-plan h3{ font-size: 17px; }
#pn-plans .pn-landing-plan .pn-price-line strong{ font-size: 24px; }
#pn-plans .pn-plan-token-stat{ padding: 6px 0; margin-bottom: 6px; }
#pn-plans .pn-landing-plan ul{ gap: 3px; padding-bottom: 5px; }
#pn-plans .pn-landing-plan li{ font-size: 7.8px; }
#pn-plans .pn-landing-plan .pn-btn{ min-height: 38px; }
}
@media (max-width: 390px){
.pn-landing{ --pn-mobile-slide-x: 16px; }
.pn-landing-brand small{ display: none; }
.pn-landing .pn-guest-actions{ grid-template-columns: 1fr; gap: 7px; }
.pn-landing .pn-guest-actions .pn-btn{ min-height: 43px; }
.pn-landing-copy h1{ font-size: clamp(34px, 10.4vw, 41px); }
#pn-modes .pn-mode-story{ flex-basis: 80vw; }
#pn-plans .pn-landing-plan{ flex-basis: 84vw; }
.pn-landing-progress{ max-width: calc(100vw - 125px); gap: 4px; }
.pn-landing-scroll-hint span{ display: none; }
}
.pn-network-orb{
    opacity: .28;
    filter: blur(.5px);
    box-shadow: 0 0 0 1px rgba(255,255,255,.035), 0 16px 46px rgba(0,0,0,.12);
}
.pn-network-orb::before{ opacity: .16; }
.pn-network-orb::after{ opacity: .12; }
.pn-network-link{
    --pn-link-angle: 0deg;
    height: 2px;
    opacity: 0;
    overflow: visible;
    transform: rotate(var(--pn-link-angle));
    transform-origin: left center;
    clip-path: inset(-14px 100% -14px -14px);
    background: radial-gradient(circle, rgba(255,255,255,.72) 0 1.15px, transparent 1.65px) left center / 13px 100% repeat-x;
    animation: pnConnectionHandshake 6.8s cubic-bezier(.35,.02,.2,1) infinite;
}
.pn-network-link::before,
.pn-network-link::after{
    content: "";
    position: absolute;
    top: 50%;
    inset: auto;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background: rgba(255,255,255,.78);
    box-shadow: 0 0 0 4px rgba(255,255,255,.055), 0 0 16px rgba(255,255,255,.22);
    opacity: .88;
    animation: none;
}
.pn-network-link::before{ left: -4px; }
.pn-network-link::after{ right: -4px; }
.pn-network-link.link-one{
    --pn-link-angle: 10deg;
    animation-delay: -1.1s;
}
.pn-network-link.link-two{
    --pn-link-angle: -23deg;
    animation-delay: -3.7s;
}
.pn-network-link.link-three{
    --pn-link-angle: 122deg;
    animation-delay: -5.2s;
}
.pn-network-link.link-four{
    --pn-link-angle: -32deg;
    animation-delay: -2.2s;
}
@media (max-width: 760px){
.pn-landing-network{
        opacity: .72;
    }
.pn-network-orb{
        opacity: .16;
        filter: blur(.8px);
    }
.pn-network-orb.orb-one{ width: 62px; height: 62px; left: -5%; top: 19%; }
.pn-network-orb.orb-two{ width: 54px; height: 54px; left: 7%; top: 68%; }
.pn-network-orb.orb-three{ width: 76px; height: 76px; right: -5%; top: 24%; }
.pn-network-orb.orb-four{ width: 46px; height: 46px; right: 12%; top: 73%; }
.pn-network-link{
        opacity: 0;
        background-size: 11px 100%;
    }
.pn-network-link::before,
.pn-network-link::after{
        width: 6px;
        height: 6px;
        margin-top: -3px;
        box-shadow: 0 0 0 3px rgba(255,255,255,.04), 0 0 12px rgba(255,255,255,.16);
    }
.pn-landing-hero.pn-landing-slide{
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(108px, 15dvh);
        align-content: center;
        align-items: stretch;
        justify-content: stretch;
        gap: clamp(10px, 1.8dvh, 16px);
        text-align: left;
    }
.pn-landing-copy{
        position: relative;
        z-index: 4;
        align-self: center;
    }
.pn-landing-copy h1{
        margin: 6px 0 12px;
        font-size: clamp(33px, 9.8vw, 43px);
        line-height: .985;
    }
.pn-landing-copy > p{
        font-size: clamp(11px, 3vw, 13px);
        line-height: 1.45;
    }
.pn-landing .pn-guest-actions{
        margin-top: 15px;
    }
.pn-landing-proof{
        position: relative;
        z-index: 5;
        width: 100%;
        margin: 12px 0 0;
        padding: 0;
        gap: 6px;
    }
.pn-landing-proof span{
        padding: 6px 8px;
        border-color: rgba(255,255,255,.13);
        background: rgba(10,12,18,.46);
        color: rgba(255,255,255,.82);
        font-size: 8.5px;
        backdrop-filter: blur(9px);
        -webkit-backdrop-filter: blur(9px);
    }
.pn-landing-proof .pn-icon-svg{
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
    }
.pn-landing-device{
        position: relative !important;
        z-index: 3;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: 100%;
        min-height: 108px !important;
        max-height: 142px;
        margin: 0;
        padding: 8px 10px;
        justify-self: stretch;
        align-self: stretch;
        border-radius: 22px;
        opacity: .68 !important;
        transform: none !important;
        pointer-events: none;
        overflow: hidden;
        background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.055));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 12px 34px rgba(0,0,0,.16);
    }
.pn-landing-device::before{
        inset: 5px;
        border-radius: 17px;
    }
}
@media (max-width: 760px) and (max-height: 720px){
.pn-landing-hero.pn-landing-slide{
        grid-template-rows: auto minmax(88px, 12dvh);
        gap: 8px;
    }
.pn-landing-copy h1{
        font-size: clamp(30px, 9vw, 38px);
        margin-bottom: 8px;
    }
.pn-landing-copy > p{
        font-size: 10.5px;
        line-height: 1.38;
    }
.pn-landing .pn-guest-actions{ margin-top: 10px; }
.pn-landing .pn-guest-actions .pn-btn{ min-height: 39px; }
.pn-landing-proof{ margin-top: 8px; }
.pn-landing-proof span{ padding-block: 5px; font-size: 7.8px; }
.pn-landing-device{
        min-height: 88px !important;
        max-height: 105px;
    }
}
@media (prefers-reduced-motion: reduce){
.pn-network-link{
        animation: none !important;
        opacity: .18;
        clip-path: inset(-14px -14px -14px -14px);
    }
}
.pn-register-details[hidden]{
    display: none !important;
}
.pn-register-details.is-ready{
    animation: pnRegisterReveal .24s ease both;
}
.pn-register-step-head{
    margin: 2px 0 16px;
    padding-top: 18px;
    border-top: 1px solid var(--pn-line);
}
.pn-register-step-head .pn-eyebrow{
    margin-bottom: 5px;
}
.pn-register-step-head > strong{
    display: block;
    color: var(--pn-ink);
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -.025em;
}
@keyframes pnRegisterReveal{
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 860px){
.pn-landing-proof{
        width: 100% !important;
        max-width: 100% !important;
        margin: 11px 0 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: stretch;
        gap: clamp(3px, 1.2vw, 6px) !important;
        overflow: visible !important;
        overscroll-behavior: auto !important;
        scrollbar-width: auto !important;
    }
.pn-landing-proof span{
        min-width: 0 !important;
        width: 100%;
        padding: clamp(5px, 1.35vw, 7px) clamp(3px, 1.15vw, 6px) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: clamp(2px, .8vw, 5px) !important;
        border-radius: 999px;
        overflow: hidden;
        color: rgba(255,255,255,.88) !important;
        font-size: clamp(6.4px, 2.08vw, 8.6px) !important;
        line-height: 1.12 !important;
        font-weight: 760;
        letter-spacing: -.01em;
        white-space: nowrap !important;
        text-align: center;
    }
.pn-landing-proof .pn-icon-svg{
        width: clamp(9px, 2.65vw, 13px) !important;
        height: clamp(9px, 2.65vw, 13px) !important;
        flex: 0 0 clamp(9px, 2.65vw, 13px) !important;
    }
}
@media (max-width: 360px){
.pn-landing-proof{
        gap: 3px !important;
    }
.pn-landing-proof span{
        padding-inline: 3px !important;
        font-size: clamp(5.8px, 1.95vw, 7px) !important;
    }
.pn-landing-proof .pn-icon-svg{
        width: 9px !important;
        height: 9px !important;
        flex-basis: 9px !important;
    }
}
.pn-register-intent-step[hidden]{
    display: none !important;
}
.pn-register-intent-step.is-ready{
    animation: pnRegisterReveal .24s ease both;
}
.pn-register-intent-step .pn-register-step-head{
    margin-bottom: 13px;
}
.pn-register-step-head > small{
    display: block;
    margin-top: 5px;
    color: var(--pn-muted);
    font-size: 11px;
    line-height: 1.45;
}
.pn-signup-intent-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.pn-signup-intent{
    position: relative;
    min-width: 0;
    min-height: 132px;
    padding: 15px;
    border: 1px solid var(--pn-line);
    border-radius: 18px;
    background: #fff;
    color: var(--pn-ink);
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.pn-signup-intent:hover{
    transform: translateY(-2px);
}
.pn-signup-intent > span:nth-child(2){
    display: grid;
    gap: 5px;
}
.pn-signup-intent strong{
    font-size: 14px;
    line-height: 1.15;
}
.pn-signup-intent small{
    color: var(--pn-muted);
    font-size: 9px;
    line-height: 1.45;
}
.pn-signup-intent-icon{
    width: 38px;
    height: 38px;
    border-radius: 13px;
    display: grid;
    place-items: center;
}
.pn-signup-intent-icon .pn-icon-svg{
    width: 19px;
    height: 19px;
}
.pn-signup-intent > i{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 22px;
    height: 22px;
    border: 1px solid var(--pn-line);
    border-radius: 999px;
    background: #fff;
    color: transparent;
    display: grid;
    place-items: center;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.pn-signup-intent > i .pn-icon-svg{
    width: 13px;
    height: 13px;
}
.pn-signup-intent.is-romance .pn-signup-intent-icon{ color: #e83468; background: rgba(255,61,110,.09); }
.pn-signup-intent.is-platonic .pn-signup-intent-icon{ color: #7057e8; background: rgba(124,92,255,.09); }
.pn-signup-intent.is-business .pn-signup-intent-icon{ color: #10877f; background: rgba(17,156,146,.09); }
.pn-signup-intent.is-selected{
    box-shadow: 0 12px 30px rgba(27,27,39,.08);
}
.pn-signup-intent.is-romance.is-selected{ border-color: rgba(255,61,110,.58); background: rgba(255,61,110,.035); }
.pn-signup-intent.is-platonic.is-selected{ border-color: rgba(124,92,255,.58); background: rgba(124,92,255,.035); }
.pn-signup-intent.is-business.is-selected{ border-color: rgba(17,156,146,.58); background: rgba(17,156,146,.035); }
.pn-signup-intent.is-selected > i{ color: #fff; border-color: transparent; }
.pn-signup-intent.is-romance.is-selected > i{ background: #ff3d6e; }
.pn-signup-intent.is-platonic.is-selected > i{ background: #7c5cff; }
.pn-signup-intent.is-business.is-selected > i{ background: #119c92; }
.pn-signup-intent-help{
    margin: 10px 2px 3px;
    color: var(--pn-faint);
    font-size: 9px;
    line-height: 1.45;
}
@media (max-width: 620px){
.pn-signup-intent-grid{
        grid-template-columns: 1fr;
        gap: 8px;
    }
.pn-signup-intent{
        min-height: 0;
        padding: 12px 46px 12px 12px;
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
    }
.pn-signup-intent-icon{
        width: 36px;
        height: 36px;
    }
.pn-signup-intent small{
        font-size: 9px;
    }
}
.pn-signup-intent-continue{
    width: 100%;
    margin-top: 12px;
    justify-content: center;
}
.pn-signup-intent-continue .pn-icon-svg{
    width: 17px;
    height: 17px;
}
.pn-landing-nav{
    z-index: 10002 !important;
    pointer-events: auto !important;
}
.pn-landing-nav a[data-pn-slide-target],
.pn-landing-nav button{
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
    touch-action: manipulation;
}
:root,
:root[data-nudge-theme="romance"]{
    --pn-primary: #91536d;
    --pn-primary-deep: #5b172d;
    --pn-primary-soft: #f7edf2;
    --pn-primary-highlight: #b87990;
    --pn-primary-rgb: 145, 83, 109;
    --pn-mode-accent: #91536d;
    --pn-mode-accent-strong: #5b172d;
    --pn-mode-soft: rgba(145, 83, 109, .12);
    --pn-mode-line: rgba(91, 23, 45, .22);
}
:root[data-nudge-theme="platonic"]{
    --pn-primary: #7462f5;
    --pn-primary-deep: #5a47e6;
    --pn-primary-soft: #f1efff;
    --pn-primary-highlight: #a693ff;
    --pn-primary-rgb: 116, 98, 245;
    --pn-mode-accent: #7462f5;
    --pn-mode-accent-strong: #5a47e6;
    --pn-mode-soft: rgba(116, 98, 245, .11);
    --pn-mode-line: rgba(116, 98, 245, .18);
}
:root[data-nudge-theme="business"]{
    --pn-primary: #119c92;
    --pn-primary-deep: #0c7f77;
    --pn-primary-soft: #eaf9f7;
    --pn-primary-highlight: #55cec3;
    --pn-primary-rgb: 17, 156, 146;
    --pn-mode-accent: #119c92;
    --pn-mode-accent-strong: #0c7f77;
    --pn-mode-soft: rgba(17, 156, 146, .11);
    --pn-mode-line: rgba(17, 156, 146, .18);
}
:root[data-nudge-theme="all"]{
    --pn-primary: #5b6072;
    --pn-primary-deep: #454a5b;
    --pn-primary-soft: #f0f1f4;
    --pn-primary-highlight: #858a9b;
    --pn-primary-rgb: 91, 96, 114;
    --pn-mode-accent: #5b6072;
    --pn-mode-accent-strong: #454a5b;
    --pn-mode-soft: rgba(91, 96, 114, .11);
    --pn-mode-line: rgba(91, 96, 114, .17);
}
.pn-brand-mark{
    background: linear-gradient(145deg, var(--pn-primary-highlight), var(--pn-primary), var(--pn-primary-deep));
    box-shadow: 0 12px 30px rgba(var(--pn-primary-rgb), .25);
}
.pn-eyebrow{
    color: var(--pn-primary-deep);
}
.pn-input:focus{
    border-color: rgba(var(--pn-primary-rgb), .5) !important;
    box-shadow: 0 0 0 4px rgba(var(--pn-primary-rgb), .08) !important;
}
.pn-register-cross-step{
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--pn-line);
}
.pn-signup-cross-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pn-signup-cross-choice.is-cross .pn-signup-intent-icon{
    color: #6554df;
    background: rgba(118, 94, 237, .10);
}
.pn-signup-cross-choice.is-standard .pn-signup-intent-icon{
    color: #646977;
    background: rgba(102, 107, 123, .10);
}
.pn-signup-cross-choice.is-cross.is-selected{
    border-color: rgba(118, 94, 237, .58);
    background: rgba(118, 94, 237, .035);
}
.pn-signup-cross-choice.is-standard.is-selected{
    border-color: rgba(102, 107, 123, .5);
    background: rgba(102, 107, 123, .04);
}
.pn-signup-cross-choice.is-cross.is-selected > i{ background: #765eed; }
.pn-signup-cross-choice.is-standard.is-selected > i{ background: #666b7b; }
@media (max-width: 620px){
.pn-signup-cross-grid{ grid-template-columns: 1fr; }
}
.pn-field > span small{
    display: block;
    width: 100%;
    margin: 2px 0 0;
    line-height: 1.35;
    text-align: left;
}
body.pn-native-app .pn-guest-shell,
body.pn-native-app .pn-landing{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
}
.pn-native-free-plan .pn-auth-plan{ max-width: 520px; margin-inline: auto; }
.pn-circle-landing-grid,
.pn-circle-access-grid{
    width: min(1180px, 100%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
    align-items: center;
    gap: clamp(34px, 6vw, 82px);
}
.pn-circle-access-grid{
    grid-template-columns: minmax(430px, 1.08fr) minmax(0, .92fr);
}
.pn-circle-landing-copy{
    min-width: 0;
}
.pn-circle-landing-copy h2{
    max-width: 670px;
    margin: 12px 0 17px;
    color: #fff;
    font-size: clamp(35px, 4.25vw, 58px);
    line-height: 1.02;
    letter-spacing: -.05em;
    text-wrap: balance;
}
.pn-circle-landing-copy > p{
    max-width: 650px;
    margin: 0;
    color: var(--pn-landing-muted);
    font-size: 15px;
    line-height: 1.72;
}
.pn-circle-feature-list,
.pn-circle-access-points{
    margin-top: 26px;
    display: grid;
    gap: 11px;
}
.pn-circle-feature-list > span,
.pn-circle-access-points > span{
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.095);
    border-radius: 17px;
    background: rgba(255,255,255,.045);
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 11px;
}
.pn-circle-feature-list .pn-icon-svg,
.pn-circle-access-points .pn-icon-svg{
    grid-row: 1 / 3;
    width: 22px;
    height: 22px;
    color: #63ddd0;
    justify-self: center;
}
.pn-circle-feature-list strong,
.pn-circle-access-points b{
    color: #fff;
    font-size: 11px;
    font-weight: 850;
}
.pn-circle-feature-list small,
.pn-circle-access-points small{
    margin-top: 2px;
    color: rgba(255,255,255,.58);
    font-size: 9px;
    line-height: 1.45;
}
.pn-circles-marketing-visual{
    position: relative;
    min-height: 465px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 32px;
    background:
        radial-gradient(circle at 12% 4%, rgba(42,201,187,.22), transparent 35%),
        radial-gradient(circle at 96% 82%, rgba(124,108,255,.18), transparent 36%),
        rgba(7,15,22,.72);
    box-shadow: 0 30px 85px rgba(0,0,0,.22);
    isolation: isolate;
}
.pn-circles-marketing-visual::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,.11) .7px, transparent .7px);
    background-size: 18px 18px;
    opacity: .2;
}
.pn-circles-visual-top,
.pn-circle-topic-strip,
.pn-marketing-circle-card,
.pn-marketing-circle-mini-grid,
.pn-circle-chat-peek{
    position: relative;
    z-index: 1;
}
.pn-circles-visual-top{
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.pn-circles-visual-top > span{
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 9px;
}
.pn-circles-visual-top i{
    width: 34px;
    height: 34px;
    border: 1px solid rgba(100,225,213,.28);
    border-radius: 12px;
    color: #74e5da;
    background: rgba(52,195,183,.1);
    display: grid;
    place-items: center;
    font-style: normal;
}
.pn-circles-visual-top i .pn-icon-svg{ width: 18px; height: 18px; }
.pn-circles-visual-top b{ font-size: 14px; }
.pn-circles-visual-top em{
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.075);
    font-size: 8px;
    font-style: normal;
    font-weight: 850;
}
.pn-circle-topic-strip{
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    gap: 7px;
    overflow: hidden;
}
.pn-circle-topic-strip span{
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 999px;
    color: rgba(255,255,255,.58);
    background: rgba(255,255,255,.04);
    font-size: 8px;
    font-weight: 800;
}
.pn-circle-topic-strip span.is-active{
    color: #071718;
    border-color: rgba(112,233,219,.66);
    background: linear-gradient(135deg, #74e4d7, #b5fff3);
}
.pn-marketing-circle-card{
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 24px;
    background: rgba(255,255,255,.075);
}
.pn-marketing-circle-hero{
    position: relative;
    height: 150px;
    overflow: hidden;
    background:
        radial-gradient(circle at 74% 33%, rgba(255,255,255,.22) 0 2%, transparent 2.5%),
        radial-gradient(circle at 24% 85%, rgba(255,184,115,.42), transparent 22%),
        linear-gradient(135deg, rgba(30,128,119,.98), rgba(29,64,80,.92) 55%, rgba(109,79,157,.88));
}
.pn-marketing-circle-hero::before,
.pn-marketing-circle-hero::after{
    content: "";
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.13);
}
.pn-marketing-circle-hero::before{ width: 230px; height: 76px; right: -42px; top: 23px; transform: rotate(-18deg); }
.pn-marketing-circle-hero::after{ width: 190px; height: 70px; left: 42px; bottom: -36px; transform: rotate(8deg); }
.pn-marketing-circle-emoji{
    position: absolute;
    left: 18px;
    bottom: 16px;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 18px;
    background: rgba(5,16,21,.45);
    box-shadow: 0 10px 28px rgba(0,0,0,.2);
    display: grid;
    place-items: center;
    font-size: 29px;
    backdrop-filter: blur(12px);
}
.pn-marketing-circle-badge{
    position: absolute;
    right: 14px;
    top: 14px;
    padding: 7px 9px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    color: #fff;
    background: rgba(5,15,21,.38);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 7.5px;
    font-weight: 850;
    backdrop-filter: blur(10px);
}
.pn-marketing-circle-badge .pn-icon-svg{ width: 12px; height: 12px; }
.pn-marketing-circle-body{
    min-height: 72px;
    padding: 13px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.pn-marketing-circle-body > span:first-child{ min-width: 0; display: grid; gap: 3px; }
.pn-marketing-circle-body strong{ color: #fff; font-size: 11px; }
.pn-marketing-circle-body small{ color: rgba(255,255,255,.52); font-size: 8px; }
.pn-marketing-circle-members{
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
.pn-marketing-circle-members i{
    width: 28px;
    height: 28px;
    margin-left: -7px;
    border: 2px solid #12262e;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #ff7998, #7b6df2);
    display: grid;
    place-items: center;
    font-size: 7px;
    font-style: normal;
    font-weight: 900;
}
.pn-marketing-circle-members i:first-child{ margin-left: 0; background: linear-gradient(145deg, #57d2c5, #178c84); }
.pn-marketing-circle-members i:nth-child(2){ background: linear-gradient(145deg, #ffb66c, #db6f55); }
.pn-marketing-circle-members b{ margin-left: 6px; color: rgba(255,255,255,.7); font-size: 8px; }
.pn-marketing-circle-mini-grid{
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 9px;
}
.pn-marketing-circle-mini-grid article{
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    align-items: center;
    gap: 9px;
}
.pn-circle-mini-emoji{
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(255,255,255,.07);
    display: grid;
    place-items: center;
    font-size: 17px;
}
.pn-marketing-circle-mini-grid article > div{ min-width: 0; display: grid; gap: 3px; }
.pn-marketing-circle-mini-grid strong{ color: #fff; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-marketing-circle-mini-grid small{ color: rgba(255,255,255,.46); font-size: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-circle-chat-peek{
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 17px;
    background: rgba(255,255,255,.055);
    display: grid;
    grid-template-columns: 32px minmax(0,1fr) auto;
    align-items: center;
    gap: 9px;
}
.pn-chat-peek-avatar{
    width: 32px;
    height: 32px;
    border-radius: 12px;
    color: #07211e;
    background: #79e1d4;
    display: grid;
    place-items: center;
    font-size: 9px;
    font-weight: 900;
}
.pn-circle-chat-peek > div{ min-width: 0; display: grid; gap: 2px; }
.pn-circle-chat-peek strong{ color: #fff; font-size: 8px; }
.pn-circle-chat-peek small{ color: rgba(255,255,255,.58); font-size: 7.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-chat-peek-reactions{ color: #ffd8e2; font-size: 7px; font-weight: 850; white-space: nowrap; }
.pn-circle-reach-visual{
    position: relative;
    min-height: 485px;
    padding: 15px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 31px;
    background: linear-gradient(150deg, rgba(17,45,51,.83), rgba(22,18,37,.78));
    box-shadow: 0 30px 80px rgba(0,0,0,.2);
}
.pn-circle-reach-map{
    position: relative;
    height: 246px;
    overflow: hidden;
    border-radius: 22px;
    background:
        radial-gradient(circle at 48% 50%, rgba(78,213,194,.22), transparent 32%),
        linear-gradient(145deg, #dfe7df, #cddbd4);
}
.pn-reach-road{
    position: absolute;
    height: 9px;
    border: 1px solid rgba(51,65,66,.1);
    border-radius: 999px;
    background: rgba(255,255,255,.84);
    box-shadow: 0 0 0 5px rgba(255,255,255,.23);
}
.pn-reach-road.road-a{ width: 125%; left: -10%; top: 52%; transform: rotate(-9deg); }
.pn-reach-road.road-b{ width: 82%; left: 32%; top: 29%; transform: rotate(62deg); }
.pn-reach-road.road-c{ width: 60%; left: -7%; top: 78%; transform: rotate(28deg); }
.pn-reach-ring{
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(19,145,135,.58);
    border-radius: 50%;
    transform: translate(-50%,-50%);
}
.pn-reach-ring.ring-a{ width: 130px; height: 130px; background: rgba(55,202,187,.11); }
.pn-reach-ring.ring-b{ width: 220px; height: 220px; border-style: dashed; }
.pn-reach-pin{
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    width: 47px;
    height: 47px;
    border: 4px solid rgba(255,255,255,.9);
    border-radius: 16px 16px 16px 4px;
    color: #fff;
    background: linear-gradient(145deg, #29c6b7, #0e847c);
    box-shadow: 0 12px 30px rgba(20,111,104,.32);
    display: grid;
    place-items: center;
    transform: translate(-50%,-50%) rotate(-45deg);
}
.pn-reach-pin .pn-icon-svg{ width: 21px; height: 21px; transform: rotate(45deg); }
.pn-reach-person{
    position: absolute;
    z-index: 3;
    width: 31px;
    height: 31px;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg,#7c6cff,#4737b8);
    box-shadow: 0 8px 22px rgba(33,38,44,.22);
    display: grid;
    place-items: center;
    font-size: 7px;
    font-weight: 900;
}
.pn-reach-person.p-one{ left: 25%; top: 33%; }
.pn-reach-person.p-two{ right: 20%; top: 35%; background: linear-gradient(145deg,#ff7396,#dd2e62); }
.pn-reach-person.p-three{ left: 38%; bottom: 12%; background: linear-gradient(145deg,#ffb365,#ce7b36); }
.pn-reach-radius-label{
    position: absolute;
    left: 50%;
    bottom: 12px;
    padding: 6px 9px;
    border-radius: 999px;
    color: #0b5c56;
    background: rgba(255,255,255,.84);
    font-size: 7px;
    font-weight: 900;
    transform: translateX(-50%);
    backdrop-filter: blur(10px);
}
.pn-circle-reach-controls{
    margin-top: 10px;
    display: grid;
    gap: 8px;
}
.pn-circle-reach-controls > div{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
}
.pn-reach-choice{
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;
    color: rgba(255,255,255,.58);
    background: rgba(255,255,255,.04);
    display: grid;
    grid-template-columns: 26px minmax(0,1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 8px;
}
.pn-reach-choice i{
    grid-row: 1 / 3;
    width: 26px;
    height: 26px;
    border-radius: 9px;
    background: rgba(255,255,255,.06);
    display: grid;
    place-items: center;
    font-style: normal;
}
.pn-reach-choice .pn-icon-svg{ width: 14px; height: 14px; }
.pn-reach-choice b{ color: #fff; font-size: 8px; }
.pn-reach-choice small{ font-size: 6.8px; }
.pn-reach-choice.is-selected{ border-color: rgba(90,224,210,.38); color: #79e4d8; background: rgba(46,193,179,.11); }
.pn-circle-member-pass{
    margin-top: 9px;
    padding: 10px 11px;
    border: 1px solid rgba(90,224,210,.2);
    border-radius: 16px;
    color: #75dfd3;
    background: rgba(43,187,174,.08);
    display: grid;
    grid-template-columns: 31px minmax(0,1fr);
    align-items: center;
    gap: 9px;
}
.pn-circle-member-pass > i{
    width: 31px;
    height: 31px;
    border-radius: 11px;
    background: rgba(87,218,205,.12);
    display: grid;
    place-items: center;
    font-style: normal;
}
.pn-circle-member-pass .pn-icon-svg{ width: 17px; height: 17px; }
.pn-circle-member-pass > span{ min-width: 0; display: grid; gap: 2px; }
.pn-circle-member-pass strong{ color: #fff; font-size: 8px; }
.pn-circle-member-pass small{ color: rgba(255,255,255,.5); font-size: 7px; line-height: 1.35; }
@media (max-width: 960px) and (min-width: 761px){
.pn-circle-landing-grid,
.pn-circle-access-grid{ grid-template-columns: minmax(0,.9fr) minmax(380px,1.1fr); gap: 28px; }
.pn-circle-landing-copy h2{ font-size: clamp(34px,5vw,46px); }
.pn-circles-marketing-visual,
.pn-circle-reach-visual{ min-height: 430px; }
}
@media (max-width: 760px){
.pn-landing-section.pn-circle-landing.pn-landing-slide,
.pn-landing-section.pn-circle-access-landing.pn-landing-slide{
        padding: 24px 16px var(--pn-mobile-controls-h) !important;
        justify-content: center;
    }
.pn-circle-landing-grid,
.pn-circle-access-grid{
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr;
        align-content: center;
        gap: 15px;
    }
.pn-circle-access-grid .pn-circle-reach-visual{ order: 2; }
.pn-circle-access-grid .pn-circle-access-copy{ order: 1; }
.pn-circle-landing-copy .pn-eyebrow{ margin-bottom: 2px; }
.pn-circle-landing-copy h2{
        max-width: 100%;
        margin: 7px 0 9px;
        font-size: clamp(29px, 8.7vw, 37px);
        line-height: 1.01;
    }
.pn-circle-landing-copy > p{
        max-width: 100%;
        font-size: 11px;
        line-height: 1.55;
    }
.pn-circle-feature-list,
.pn-circle-access-points{
        margin-top: 12px;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 7px;
    }
.pn-circle-feature-list > span,
.pn-circle-access-points > span{
        padding: 8px;
        border-radius: 13px;
        grid-template-columns: 25px minmax(0,1fr);
        column-gap: 6px;
    }
.pn-circle-feature-list .pn-icon-svg,
.pn-circle-access-points .pn-icon-svg{ width: 16px; height: 16px; }
.pn-circle-feature-list strong,
.pn-circle-access-points b{ font-size: 8px; }
.pn-circle-feature-list small,
.pn-circle-access-points small{ font-size: 6.6px; line-height: 1.3; }
.pn-circles-marketing-visual,
.pn-circle-reach-visual{
        width: 100%;
        min-height: 0;
        padding: 10px;
        border-radius: 23px;
    }
.pn-circles-visual-top{ margin-bottom: 7px; }
.pn-circles-visual-top i{ width: 28px; height: 28px; border-radius: 10px; }
.pn-circles-visual-top b{ font-size: 11px; }
.pn-circles-visual-top em{ padding: 6px 8px; font-size: 6.5px; }
.pn-circle-topic-strip{ margin-bottom: 7px; gap: 5px; }
.pn-circle-topic-strip span{ padding: 5px 7px; font-size: 6.5px; }
.pn-marketing-circle-card{ border-radius: 18px; }
.pn-marketing-circle-hero{ height: 82px; }
.pn-marketing-circle-emoji{ left: 10px; bottom: 8px; width: 39px; height: 39px; border-radius: 13px; font-size: 21px; }
.pn-marketing-circle-badge{ right: 8px; top: 8px; padding: 5px 7px; font-size: 6px; }
.pn-marketing-circle-body{ min-height: 49px; padding: 8px 9px; }
.pn-marketing-circle-body strong{ font-size: 8px; }
.pn-marketing-circle-body small{ font-size: 6.5px; }
.pn-marketing-circle-members i{ width: 22px; height: 22px; font-size: 5.5px; }
.pn-marketing-circle-members b{ font-size: 6px; }
.pn-marketing-circle-mini-grid{ margin-top: 6px; gap: 6px; }
.pn-marketing-circle-mini-grid article{ padding: 6px; border-radius: 13px; grid-template-columns: 25px minmax(0,1fr); gap: 6px; }
.pn-circle-mini-emoji{ width: 25px; height: 25px; border-radius: 9px; font-size: 13px; }
.pn-marketing-circle-mini-grid strong{ font-size: 6.5px; }
.pn-marketing-circle-mini-grid small{ font-size: 5.7px; }
.pn-circle-chat-peek{ margin-top: 6px; padding: 6px 7px; border-radius: 12px; grid-template-columns: 25px minmax(0,1fr) auto; gap: 6px; }
.pn-chat-peek-avatar{ width: 25px; height: 25px; border-radius: 9px; font-size: 6px; }
.pn-circle-chat-peek strong{ font-size: 6.5px; }
.pn-circle-chat-peek small,
.pn-chat-peek-reactions{ font-size: 5.7px; }
.pn-circle-reach-map{ height: 145px; border-radius: 16px; }
.pn-reach-ring.ring-a{ width: 86px; height: 86px; }
.pn-reach-ring.ring-b{ width: 140px; height: 140px; }
.pn-reach-pin{ width: 36px; height: 36px; border-width: 3px; border-radius: 12px 12px 12px 4px; }
.pn-reach-pin .pn-icon-svg{ width: 16px; height: 16px; }
.pn-reach-person{ width: 23px; height: 23px; border-width: 2px; font-size: 5.5px; }
.pn-reach-radius-label{ bottom: 7px; padding: 4px 6px; font-size: 5.5px; }
.pn-circle-reach-controls{ margin-top: 6px; gap: 5px; }
.pn-circle-reach-controls > div{ gap: 5px; }
.pn-reach-choice{ padding: 6px; border-radius: 11px; grid-template-columns: 20px minmax(0,1fr); column-gap: 5px; }
.pn-reach-choice i{ width: 20px; height: 20px; border-radius: 7px; }
.pn-reach-choice .pn-icon-svg{ width: 11px; height: 11px; }
.pn-reach-choice b{ font-size: 6.3px; }
.pn-reach-choice small{ font-size: 5.4px; }
.pn-circle-member-pass{ margin-top: 5px; padding: 6px 7px; border-radius: 11px; grid-template-columns: 23px minmax(0,1fr); gap: 6px; }
.pn-circle-member-pass > i{ width: 23px; height: 23px; border-radius: 8px; }
.pn-circle-member-pass .pn-icon-svg{ width: 12px; height: 12px; }
.pn-circle-member-pass strong{ font-size: 6.3px; }
.pn-circle-member-pass small{ font-size: 5.5px; }
}
@media (max-width: 760px) and (max-height: 720px){
.pn-circle-feature-list,
.pn-circle-access-points{ display: none; }
.pn-circle-landing-copy > p{ font-size: 10px; }
.pn-circle-landing-copy h2{ font-size: clamp(27px, 8vw, 34px); }
.pn-circle-topic-strip{ display: none; }
.pn-circle-chat-peek{ display: none; }
.pn-circle-reach-map{ height: 132px; }
}
.pn-inline-input-action{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
    margin-top: 7px;
}
.pn-inline-input-action .pn-btn{ min-width: 86px; }
.pn-signup-coupon-field{ margin-top: 2px; }
.pn-signup-coupon-field .pn-form-message{ margin-top: 7px; }
@media (max-width: 560px){
.pn-inline-input-action{ grid-template-columns: 1fr; }
.pn-inline-input-action .pn-btn{ width: 100%; }
}
.pn-landing{
    --pn-platonic: #6676ff;
    --pn-platonic-deep: #4559db;
    --pn-platonic-soft: rgba(102, 118, 255, .16);
    --pn-romance: #f06a91;
    background:
        radial-gradient(circle at 10% 4%, rgba(91, 112, 255, .24), transparent 30%),
        radial-gradient(circle at 92% 20%, rgba(51, 194, 179, .14), transparent 31%),
        radial-gradient(circle at 48% 74%, rgba(118, 97, 255, .13), transparent 36%),
        linear-gradient(148deg, #10172a 0%, #0e1422 50%, #0a121c 100%);
}
.pn-landing .pn-guest-glow-one{
    background: rgba(94, 116, 255, .22);
}
.pn-landing .pn-guest-glow-two{
    background: rgba(91, 82, 230, .15);
}
.pn-landing .pn-brand-mark{
    background: var(--pn-brand-gradient);
    box-shadow: 0 14px 38px rgba(63, 155, 193, .27);
}
.pn-landing .pn-brand-mark-small{
    box-shadow: 0 8px 22px rgba(63, 155, 193, .22);
}
.pn-landing .pn-eyebrow{
    color: #9aa8ff;
}
.pn-landing .pn-btn-primary{
    background: linear-gradient(145deg, #7183ff, #4e61df);
    box-shadow: 0 11px 25px rgba(78, 97, 223, .24);
}
.pn-landing .pn-btn-primary:hover{
    box-shadow: 0 14px 30px rgba(78, 97, 223, .31);
}
.pn-landing-proof .pn-icon-svg{
    color: #91a0ff;
}
.pn-landing .pn-network-orb.orb-one{
    background: radial-gradient(circle at 32% 30%, #f1f4ff 0 6%, rgba(255,255,255,.18) 8%, rgba(255,255,255,0) 24%), linear-gradient(145deg, rgba(103,122,255,.94), rgba(144,157,255,.56));
}
.pn-landing .pn-network-orb.orb-two{
    background: radial-gradient(circle at 32% 30%, #f4f0ff 0 7%, rgba(255,255,255,.16) 9%, rgba(255,255,255,0) 24%), linear-gradient(145deg, rgba(124,92,255,.9), rgba(95,156,255,.5));
}
.pn-landing .pn-network-orb.orb-four{
    background: radial-gradient(circle at 32% 30%, #f0f8ff 0 7%, rgba(255,255,255,.16) 9%, rgba(255,255,255,0) 24%), linear-gradient(145deg, rgba(94,147,255,.9), rgba(77,201,184,.45));
}
.pn-landing .pn-device-mode .is-active{
    color: white;
    background: linear-gradient(135deg, #7183ff, #4f60da);
    box-shadow: 0 8px 16px rgba(79,96,218,.22);
}
.pn-landing .pn-device-radar{
    background:
        linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)),
        repeating-linear-gradient(0deg, transparent 0 32px, rgba(68,83,140,.07) 33px),
        repeating-linear-gradient(90deg, transparent 0 32px, rgba(68,83,140,.07) 33px),
        linear-gradient(140deg, #e1e7f2, #d4deea);
}
.pn-landing .pn-radar-ring{
    border-color: rgba(92, 111, 235, .24);
}
.pn-landing .pn-device-radar::before,
.pn-landing .pn-device-radar::after{
    background:
        radial-gradient(circle, rgba(255,255,255,.95) 0 1.2px, transparent 1.7px) left center / 12px 100% repeat-x,
        linear-gradient(90deg, rgba(91,111,235,.1), rgba(91,111,235,.32), rgba(91,111,235,.1));
}
.pn-landing .pn-radar-you{
    background: linear-gradient(145deg, #7183ff, #5365df);
}
.pn-landing .pn-radar-person.p1{
    background: linear-gradient(145deg, #31bfaf, #16847d);
}
.pn-landing .pn-radar-person.p2{
    background: linear-gradient(145deg, #8d7eff, #6657d6);
}
.pn-landing .pn-device-avatar{
    background: linear-gradient(145deg, #7b8bff, #5365dd);
}
.pn-landing .pn-device-card button{
    background: linear-gradient(135deg, #6d7fff, #4d60dc);
}
.pn-landing .pn-device-note .pn-icon-svg{
    color: #5f71e8;
}
.pn-mode-showcase{
    grid-template-columns: minmax(0, 1.22fr) minmax(0, .92fr) minmax(0, .92fr);
}
.pn-mode-story.is-platonic{
    color: #8f9cff;
}
.pn-mode-story.is-platonic.is-primary{
    border-color: rgba(130, 145, 255, .34);
    background:
        radial-gradient(circle at 85% 15%, rgba(104,122,255,.18), transparent 34%),
        linear-gradient(155deg, rgba(99,116,255,.12), rgba(255,255,255,.045));
    box-shadow: 0 24px 65px rgba(63, 80, 185, .12);
}
.pn-mode-story.is-platonic.is-primary .pn-mode-icon{
    background: rgba(105, 121, 255, .13);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.pn-mode-story.is-business{ color: #55d2c4; }
.pn-mode-story.is-romance{ color: #ef7597; }
.pn-audience-privacy-visual > div{
    grid-template-columns: auto 1fr;
}
.pn-audience-privacy-visual > div > span{
    background: linear-gradient(145deg, #7284ff, #5365dc);
}
.pn-audience-privacy-visual > div:nth-child(2) > span{
    background: linear-gradient(145deg, #37c5b5, #16877f);
}
.pn-audience-privacy-visual > div:nth-child(3) > span{
    background: linear-gradient(145deg, #8b7bff, #6758d8);
}
.pn-audience-privacy-visual > div > strong{
    margin-left: 8px;
    color: rgba(255,255,255,.84);
}
.pn-audience-privacy-visual .pn-icon-svg{
    width: 20px;
    height: 20px;
}
.pn-landing-plan.is-featured{
    border-color: rgba(116, 132, 255, .42);
    background: linear-gradient(160deg, rgba(94,113,255,.14), rgba(255,255,255,.045));
    box-shadow: 0 22px 55px rgba(74, 91, 207, .12);
}
.pn-landing .pn-plan-popular{
    background: linear-gradient(135deg, #7183ff, #4e61df);
}
.pn-landing-final,
.pn-final-cta{
    background:
        radial-gradient(circle at 80% 15%, rgba(41,183,168,.18), transparent 35%),
        radial-gradient(circle at 15% 90%, rgba(102,118,255,.25), transparent 40%),
        rgba(255,255,255,.04);
}
@media (max-width: 900px){
.pn-mode-showcase{
        grid-template-columns: 1fr;
    }
}
.pn-smart-radar-landing{
    position: relative;
    overflow: hidden;
}
.pn-smart-radar-grid{
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr);
    gap: clamp(34px, 6vw, 86px);
    align-items: center;
    width: min(1180px, 100%);
    margin: 0 auto;
}
.pn-smart-radar-copy h2{
    max-width: 760px;
}
.pn-smart-radar-copy > p{
    max-width: 720px;
}
.pn-smart-radar-points{
    display: grid;
    gap: 12px;
    margin-top: 24px;
}
.pn-smart-radar-points > span{
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid rgba(75, 104, 220, .14);
    border-radius: 18px;
    background: rgba(255, 255, 255, .72);
}
.pn-smart-radar-points svg{
    grid-row: 1 / 3;
    width: 23px;
    height: 23px;
    color: #536bd6;
}
.pn-smart-radar-points strong{ color: #172043; }
.pn-smart-radar-points small{ color: #69708b; margin-top: 2px; }
.pn-smart-radar-safety{
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 15px;
    color: #667085;
    max-width: 650px;
}
.pn-smart-radar-safety svg{ width: 17px; height: 17px; flex: 0 0 auto; margin-top: 1px; color: #536bd6; }
.pn-smart-radar-visual{
    position: relative;
    min-height: 450px;
    border: 1px solid rgba(73, 97, 206, .17);
    border-radius: 32px;
    background:
        radial-gradient(circle at 72% 18%, rgba(77, 200, 190, .18), transparent 31%),
        radial-gradient(circle at 18% 76%, rgba(103, 120, 232, .2), transparent 35%),
        #f8faff;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(42, 57, 124, .13);
}
.pn-smart-route-map{
    position: absolute;
    inset: 22px 22px 100px;
    border-radius: 24px;
    background:
        linear-gradient(28deg, transparent 46%, rgba(91, 109, 189, .08) 47%, rgba(91, 109, 189, .08) 49%, transparent 50%) 0 0 / 88px 88px,
        linear-gradient(115deg, transparent 46%, rgba(91, 109, 189, .07) 47%, rgba(91, 109, 189, .07) 49%, transparent 50%) 0 0 / 112px 112px,
        rgba(255,255,255,.76);
    border: 1px solid rgba(75,104,220,.12);
}
.pn-smart-route-line{
    position: absolute;
    left: 13%;
    right: 13%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #667bea, #4abdad);
    transform-origin: left center;
}
.pn-smart-route-line.line-one{ top: 61%; transform: rotate(-17deg); }
.pn-smart-route-line.line-two{ top: 37%; left: 47%; right: 9%; transform: rotate(20deg); }
.pn-smart-route-start,
.pn-smart-route-end{
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 800;
    background: #fff;
    border: 2px solid #6075df;
    color: #465abc;
    box-shadow: 0 8px 24px rgba(59, 78, 160, .14);
}
.pn-smart-route-start{ left: 8%; bottom: 20%; }
.pn-smart-route-end{ right: 7%; top: 23%; }
.pn-smart-route-you{
    position: absolute;
    left: 48%;
    top: 49%;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #5f73df;
    box-shadow: 0 0 0 10px rgba(95,115,223,.13), 0 12px 30px rgba(54,74,163,.22);
}
.pn-smart-route-you svg{ width: 22px; height: 22px; }
.pn-smart-route-pin{
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(75,104,220,.14);
    box-shadow: 0 12px 26px rgba(51, 66, 137, .12);
    font-size: 18px;
}
.pn-smart-route-pin small{ font-size: 11px; font-weight: 750; color: #46506d; }
.pn-smart-route-pin.pin-running{ left: 19%; top: 24%; }
.pn-smart-route-pin.pin-photo{ right: 13%; bottom: 19%; }
.pn-smart-route-pin.pin-coffee{ right: 15%; top: 10%; }
.pn-smart-notification-demo{
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    border-radius: 20px;
    background: rgba(19, 27, 57, .94);
    color: #fff;
    box-shadow: 0 18px 45px rgba(25, 34, 75, .2);
}
.pn-smart-notification-icon{
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(255,255,255,.12);
    font-size: 23px;
}
.pn-smart-notification-demo span:last-child{ display: grid; gap: 2px; }
.pn-smart-notification-demo small{ font-size: 9px; letter-spacing: .11em; color: #aeb9ff; font-weight: 800; }
.pn-smart-notification-demo strong{ font-size: 13px; }
.pn-smart-notification-demo em{ font-size: 11px; color: #cdd3e8; font-style: normal; }
.pn-smart-match-chip{
    position: absolute;
    right: 19px;
    top: 18px;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 9px 11px;
    border-radius: 14px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(75,104,220,.12);
    box-shadow: 0 9px 24px rgba(50,65,133,.1);
}
.pn-smart-match-chip i{ width: 9px; height: 9px; border-radius: 50%; background: #38b99f; box-shadow: 0 0 0 5px rgba(56,185,159,.11); }
.pn-smart-match-chip span{ display: grid; }
.pn-smart-match-chip strong{ font-size: 11px; color: #25315d; }
.pn-smart-match-chip small{ font-size: 9px; color: #78809a; }
@media (max-width: 820px){
.pn-smart-radar-grid{ grid-template-columns: 1fr; gap: 28px; }
.pn-smart-radar-visual{ min-height: 390px; }
}
@media (max-width: 520px){
.pn-smart-radar-visual{ min-height: 355px; border-radius: 24px; }
.pn-smart-route-map{ inset: 14px 14px 102px; }
.pn-smart-route-pin small{ display: none; }
.pn-smart-notification-demo{ left: 16px; right: 16px; bottom: 16px; padding: 12px; }
.pn-smart-notification-demo em{ white-space: normal; }
.pn-smart-match-chip{ right: 10px; top: 10px; }
}
.pn-audience-privacy-visual > div:nth-child(4) > span{
    background: linear-gradient(145deg, #3d465d, #202534);
}
#pn-view-subscription .pn-credit-pack-grid{ margin-bottom: 18px; }
.pn-guided-device{
    --pn-guided-cycle: 28s;
    min-height: 548px;
    padding: 14px 14px 12px;
    transform: rotate(1.25deg);
    background: linear-gradient(155deg, rgba(255,255,255,.17), rgba(255,255,255,.045));
}
.pn-guided-device::before{
    background:
        radial-gradient(circle at 85% 8%, rgba(85,107,255,.11), transparent 29%),
        linear-gradient(180deg, #fbfcff 0%, #f1f4f9 100%);
}
.pn-guided-topbar{
    position: relative;
    z-index: 8;
    height: 54px;
    padding: 5px 7px 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #171b2b;
}
.pn-guided-brand{
    display: flex;
    align-items: center;
    gap: 8px;
}
.pn-guided-brand > span:last-child{
    display: grid;
    gap: 1px;
}
.pn-guided-brand strong{ font-size: 11px; line-height: 1; }
.pn-guided-brand small{ color: #858b9b; font-size: 7px; font-weight: 800; letter-spacing: .035em; }
.pn-guided-live{
    padding: 6px 8px;
    border: 1px solid #dfe6f5;
    border-radius: 999px;
    color: #516074;
    background: rgba(255,255,255,.84);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .03em;
}
.pn-guided-live i{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #17a99d;
    box-shadow: 0 0 0 4px rgba(23,169,157,.10);
}
.pn-guided-screen{
    position: relative;
    height: 409px;
    margin: 0 1px;
    overflow: hidden;
    border: 1px solid #e4e9f2;
    border-radius: 25px;
    background: #f8fafc;
    color: #1b2030;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.pn-guided-scene{
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    will-change: opacity, transform;
}
.pn-guided-interests{
    padding: 38px 27px 25px;
    transform: translateX(0);
    animation: pnGuidedInterests var(--pn-guided-cycle) cubic-bezier(.2,.75,.2,1) infinite;
}
.pn-guided-kicker,
.pn-guided-circle-body > small,
.pn-guided-final > small{
    color: #6372ef;
    font-size: 7px;
    font-weight: 950;
    letter-spacing: .16em;
}
.pn-guided-interests h3{
    margin: 7px 0 6px;
    color: #171b29;
    font-size: 25px;
    letter-spacing: -.04em;
}
.pn-guided-interests > p{
    max-width: 290px;
    margin: 0;
    color: #70778a;
    font-size: 9px;
    line-height: 1.55;
}
.pn-guided-chips{
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.pn-guided-chip{
    padding: 10px 12px;
    border: 1px solid #dfe4ed;
    border-radius: 999px;
    color: #626a7b;
    background: white;
    font-size: 9px;
    font-weight: 850;
    opacity: 0;
    transform: translateY(9px) scale(.94);
    animation: pnGuidedChip var(--pn-guided-cycle) cubic-bezier(.2,.8,.2,1) infinite;
    animation-delay: calc(var(--chip-index) * .18s);
}
.pn-guided-chip.is-selected{
    border-color: rgba(91,103,239,.25);
    color: #4853d5;
    background: #eef0ff;
}
.pn-guided-learning{
    position: absolute;
    left: 27px;
    right: 27px;
    bottom: 28px;
    padding: 11px;
    border: 1px solid #e0e7f0;
    border-radius: 16px;
    background: rgba(255,255,255,.92);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 9px;
    opacity: 0;
    transform: translateY(12px);
    animation: pnGuidedLearning var(--pn-guided-cycle) ease infinite;
}
.pn-guided-learning > span{
    width: 32px;
    height: 32px;
    border-radius: 11px;
    color: white;
    background: linear-gradient(135deg, #5969f0, #6876ff);
    display: grid;
    place-items: center;
}
.pn-guided-learning > span .pn-icon-svg{ width: 16px; height: 16px; }
.pn-guided-learning > div{ display: grid; gap: 2px; }
.pn-guided-learning strong{ font-size: 8px; }
.pn-guided-learning small{ color: #8b91a0; font-size: 7px; }
.pn-guided-learning > b{ color: #16a58f; }
.pn-guided-learning > b .pn-icon-svg{ width: 17px; height: 17px; }
.pn-guided-map-scene{
    background: linear-gradient(145deg, #eef5f5, #e7ebf6);
    transform: translateX(22%);
    animation: pnGuidedMapScene var(--pn-guided-cycle) cubic-bezier(.2,.78,.2,1) infinite;
}
.pn-guided-map-grid{
    position: absolute;
    inset: 0;
    opacity: .58;
    background:
        linear-gradient(rgba(255,255,255,.42), rgba(255,255,255,.42)),
        repeating-linear-gradient(0deg, transparent 0 36px, rgba(61,91,109,.08) 37px),
        repeating-linear-gradient(90deg, transparent 0 36px, rgba(61,91,109,.08) 37px);
}
.pn-guided-map-aurora{
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}
.pn-guided-map-aurora i{
    position: absolute;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    opacity: .28;
    background: radial-gradient(circle, rgba(91,103,239,.42), transparent 67%);
    transform: translate3d(0,0,0) scale(.8);
    animation: pnGuidedMapAurora var(--pn-guided-cycle) ease-in-out infinite;
}
.pn-guided-map-aurora i:nth-child(1){ left: -42px; top: 34px; }
.pn-guided-map-aurora i:nth-child(2){ right: -50px; top: 118px; background: radial-gradient(circle, rgba(23,169,157,.38), transparent 67%); animation-delay: .6s; }
.pn-guided-map-aurora i:nth-child(3){ right: 65px; bottom: -56px; background: radial-gradient(circle, rgba(141,101,234,.28), transparent 67%); animation-delay: 1.1s; }
.pn-guided-route{
    position: absolute;
    inset: 18px 18px 55px 18px;
    width: calc(100% - 36px);
    height: calc(100% - 73px);
    overflow: visible;
}
.pn-guided-route-aura,
.pn-guided-route-shadow,
.pn-guided-route-line{
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.pn-guided-route-aura{
    stroke: rgba(91,103,239,.16);
    stroke-width: 22;
    stroke-dasharray: 450;
    stroke-dashoffset: 450;
    animation: pnGuidedRouteAura var(--pn-guided-cycle) cubic-bezier(.3,.7,.2,1) infinite;
}
.pn-guided-route-shadow{ stroke: rgba(255,255,255,.9); stroke-width: 12; }
.pn-guided-route-line{
    stroke: url(#pn-guided-route-gradient);
    stroke-width: 5;
    stroke-dasharray: 450;
    stroke-dashoffset: 450;
    animation: pnGuidedRoute var(--pn-guided-cycle) cubic-bezier(.3,.7,.2,1) infinite;
}
.pn-guided-origin{
    position: absolute;
    left: 35px;
    bottom: 45px;
    width: 41px;
    height: 41px;
    border: 4px solid white;
    border-radius: 50%;
    color: white;
    background: linear-gradient(135deg, #6170f7, #4653d9);
    display: grid;
    place-items: center;
    box-shadow: 0 8px 20px rgba(68,82,205,.25);
}
.pn-guided-origin > b{ z-index: 2; display: grid; place-items: center; }
.pn-guided-origin .pn-icon-svg{ width: 16px; height: 16px; }
.pn-guided-pulse{
    position: absolute;
    inset: 50%;
    width: 56px;
    height: 56px;
    margin: -28px;
    border: 2px solid rgba(87,102,233,.42);
    border-radius: 50%;
    animation: pnGuidedPulse 2.15s cubic-bezier(.16,.72,.3,1) infinite;
}
.pn-guided-pulse.p2{ animation-delay: 1.05s; }
.pn-guided-route-label{
    position: absolute;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #5a6273;
}
.pn-guided-route-label small{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: white;
    background: #1e2635;
    display: grid;
    place-items: center;
    font-size: 7px;
    font-weight: 950;
}
.pn-guided-route-label strong{ font-size: 7px; }
.pn-guided-route-label.start{ left: 80px; bottom: 51px; }
.pn-guided-route-label.end{ right: 29px; top: 19px; }
.pn-guided-circle-pin{
    position: absolute;
    padding: 5px 7px 5px 5px;
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 12px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 8px 22px rgba(38,52,70,.13);
    display: flex;
    align-items: center;
    gap: 5px;
    opacity: 0;
    transform: translateY(8px) scale(.84);
}
.pn-guided-circle-pin::after{
    content: '';
    position: absolute;
    left: 18px;
    top: 50%;
    width: 34px;
    height: 34px;
    margin: -17px;
    border: 1px solid rgba(91,103,239,.28);
    border-radius: 50%;
    opacity: 0;
    transform: scale(.5);
    pointer-events: none;
}
.pn-guided-circle-pin.pin-hike::after{ animation: pnGuidedPinHaloHike var(--pn-guided-cycle) ease-out infinite; }
.pn-guided-circle-pin.pin-coffee::after{ animation: pnGuidedPinHaloCoffee var(--pn-guided-cycle) ease-out infinite; }
.pn-guided-circle-pin.pin-photo::after{ animation: pnGuidedPinHaloPhoto var(--pn-guided-cycle) ease-out infinite; }
.pn-guided-circle-pin > span{
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    border-radius: 9px;
    background: #eef0ff;
    display: grid;
    place-items: center;
    font-size: 13px;
}
.pn-guided-circle-pin > div{ display: grid; gap: 1px; }
.pn-guided-circle-pin strong{ color: #333a4c; font-size: 7px; white-space: nowrap; }
.pn-guided-circle-pin small{ color: #6975e8; font-size: 5.5px; font-weight: 900; letter-spacing: .06em; }
.pn-guided-circle-pin.pin-hike{ left: 52px; top: 115px; animation: pnGuidedPinHike var(--pn-guided-cycle) cubic-bezier(.2,.85,.2,1) infinite; }
.pn-guided-circle-pin.pin-coffee{ right: 22px; top: 183px; animation: pnGuidedPinCoffee var(--pn-guided-cycle) cubic-bezier(.2,.85,.2,1) infinite; }
.pn-guided-circle-pin.pin-photo{ right: 40px; top: 73px; animation: pnGuidedPinPhoto var(--pn-guided-cycle) cubic-bezier(.2,.85,.2,1) infinite; }
.pn-guided-best-match{
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 13px;
    padding: 11px 12px 9px;
    border: 1px solid rgba(91,103,239,.20);
    border-radius: 16px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 13px 30px rgba(41,53,83,.16);
    overflow: hidden;
    opacity: 0;
    transform: translateY(18px) scale(.97);
    animation: pnGuidedBestMatch var(--pn-guided-cycle) cubic-bezier(.2,.85,.2,1) infinite;
}
.pn-guided-best-match::before{
    content: '';
    position: absolute;
    inset: -30% auto -30% -45%;
    width: 35%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.78), transparent);
    transform: skewX(-15deg) translateX(-250%);
    animation: pnGuidedMatchSheen var(--pn-guided-cycle) ease infinite;
    pointer-events: none;
}
.pn-guided-best-match > *{ position: relative; z-index: 1; }
.pn-guided-best-match > small{ color: #6370e7; font-size: 5.5px; font-weight: 950; letter-spacing: .11em; }
.pn-guided-best-match > div{ margin-top: 7px; display: flex; align-items: center; gap: 8px; }
.pn-guided-match-icon{ width: 35px; height: 35px; border-radius: 11px; background: #eef0ff; display: grid; place-items: center; font-size: 17px; }
.pn-guided-best-match > div > div{ display: grid; gap: 2px; }
.pn-guided-best-match strong{ font-size: 9px; }
.pn-guided-best-match span{ color: #7c8394; font-size: 6.5px; }
.pn-guided-best-match footer{ margin-top: 7px; padding-top: 6px; border-top: 1px solid #edf0f5; display: flex; justify-content: space-between; align-items: center; color: #7c8394; font-size: 6px; }
.pn-guided-best-match footer b{ color: #5b67eb; }
.pn-guided-best-match footer .pn-icon-svg{ width: 13px; height: 13px; }
.pn-guided-circle-scene{
    background: #f8fafc;
    transform: translateX(22%);
    animation: pnGuidedCircleScene var(--pn-guided-cycle) cubic-bezier(.2,.78,.2,1) infinite;
}
.pn-guided-circle-cover{
    position: relative;
    height: 104px;
    overflow: hidden;
    background:
        radial-gradient(circle at 72% 25%, rgba(255,255,255,.24), transparent 25%),
        linear-gradient(135deg, #5565ed, #2f3a9f 64%, #17205c);
}
.pn-guided-circle-cover::before{
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    left: -70px;
    top: -92px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(63,219,202,.34), rgba(141,101,234,.12) 45%, transparent 68%);
    transform: translate3d(0,0,0) scale(.9);
    animation: pnGuidedCoverAurora var(--pn-guided-cycle) ease-in-out infinite;
}
.pn-guided-circle-cover::after{
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    right: -28px;
    bottom: -102px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    box-shadow: 0 0 0 23px rgba(255,255,255,.04), 0 0 0 46px rgba(255,255,255,.035);
}
.pn-guided-back{ position: absolute; left: 13px; top: 11px; color: white; font-size: 22px; line-height: 1; }
.pn-guided-circle-badge{ position: absolute; right: 12px; top: 12px; padding: 5px 7px; border-radius: 999px; color: white; background: rgba(15,22,70,.35); font-size: 5.5px; font-weight: 900; letter-spacing: .08em; }
.pn-guided-cover-emoji{ position: absolute; left: 22px; bottom: 13px; font-size: 31px; }
.pn-guided-circle-body{ padding: 15px 18px; }
.pn-guided-circle-body h3{ margin: 4px 0 6px; color: #171b29; font-size: 20px; letter-spacing: -.03em; }
.pn-guided-match-row{ display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.pn-guided-match-row > *{ font-size: 6.5px; }
.pn-guided-match-row b{ color: #5360e4; }
.pn-guided-match-row span{ color: #838a9a; }
.pn-guided-people{
    margin-top: 13px;
    padding: 9px 0;
    border-top: 1px solid #e8ebf1;
    border-bottom: 1px solid #e8ebf1;
    display: flex;
    align-items: center;
}
.pn-guided-person{
    width: 28px;
    height: 28px;
    margin-right: -6px;
    border: 2px solid white;
    border-radius: 50%;
    color: white;
    background: linear-gradient(135deg, #5c6af0, #26329e);
    display: grid;
    place-items: center;
    font-size: 7px;
    font-weight: 950;
    opacity: 0;
    transform: scale(.6);
    animation: pnGuidedPerson var(--pn-guided-cycle) cubic-bezier(.2,.9,.2,1) infinite;
    animation-delay: calc(var(--person-index) * .16s);
}
.pn-guided-person:nth-child(2){ background: linear-gradient(135deg, #13a99b, #08756e); }
.pn-guided-person:nth-child(3){ background: linear-gradient(135deg, #ed9e46, #bd6526); }
.pn-guided-person:nth-child(4){ background: linear-gradient(135deg, #8d65ea, #5e3cac); }
.pn-guided-people > div{ margin-left: 14px; display: grid; gap: 2px; }
.pn-guided-people strong{ font-size: 7.5px; }
.pn-guided-people small{ color: #8a91a0; font-size: 6px; }
.pn-guided-activity{
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 7px;
    opacity: 0;
    transform: translateX(-9px);
    animation: pnGuidedActivityOne var(--pn-guided-cycle) ease infinite;
}
.pn-guided-activity.second{ animation-name: pnGuidedActivityTwo; }
.pn-guided-activity > span,
.pn-guided-chat > span{
    width: 25px;
    height: 25px;
    border-radius: 9px;
    color: white;
    background: #5665ea;
    display: grid;
    place-items: center;
    font-size: 7px;
    font-weight: 900;
}
.pn-guided-activity.second > span{ background: #15998e; }
.pn-guided-activity > div{ display: grid; gap: 1px; }
.pn-guided-activity strong{ font-size: 7px; }
.pn-guided-activity small{ color: #969ba8; font-size: 5.5px; }
.pn-guided-chat{
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 46px;
    padding: 9px;
    border: 1px solid #dfe4ee;
    border-radius: 14px;
    background: white;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    opacity: 0;
    transform: translateY(11px);
    animation: pnGuidedChat var(--pn-guided-cycle) cubic-bezier(.2,.85,.2,1) infinite;
}
.pn-guided-chat > div{ min-width: 0; }
.pn-guided-chat strong{ display: block; font-size: 7px; }
.pn-guided-chat p{ margin: 2px 0 0; color: #656d7e; font-size: 6.5px; line-height: 1.35; }
.pn-guided-join{
    position: absolute;
    right: 18px;
    bottom: 12px;
    min-height: 27px;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    color: white;
    background: #5664e8;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 6.5px;
    font-weight: 900;
    opacity: 0;
    transform: scale(.94);
    animation: pnGuidedJoin var(--pn-guided-cycle) ease infinite;
}
.pn-guided-join .pn-icon-svg{ width: 11px; height: 11px; }
.pn-guided-notification{
    position: absolute;
    z-index: 12;
    left: 14px;
    right: 14px;
    top: 12px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.84);
    border-radius: 17px;
    background: rgba(250,251,255,.97);
    box-shadow: 0 13px 32px rgba(28,35,62,.19);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 9px;
    opacity: 0;
    transform: translateY(-18px) scale(.96);
    animation: pnGuidedNotification var(--pn-guided-cycle) cubic-bezier(.2,.85,.2,1) infinite;
}
.pn-guided-notification::after{
    content: '';
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: -8px;
    height: 12px;
    border-radius: 50%;
    background: rgba(83,96,228,.14);
    filter: blur(7px);
    opacity: 0;
    animation: pnGuidedNotificationGlow var(--pn-guided-cycle) ease infinite;
    pointer-events: none;
}
.pn-guided-notification-icon{
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: white;
    background: linear-gradient(135deg, #5d6cf1, #3b49c6);
    display: grid;
    place-items: center;
}
.pn-guided-notification-icon .pn-icon-svg{ width: 16px; height: 16px; }
.pn-guided-notification > div{ display: grid; gap: 1px; }
.pn-guided-notification small{ color: #7c8495; font-size: 5.5px; font-weight: 850; letter-spacing: .08em; }
.pn-guided-notification strong{ color: #1a1f2e; font-size: 8px; }
.pn-guided-notification p{ margin: 0; color: #6c7383; font-size: 6.5px; }
.pn-guided-final{
    padding: 58px 30px 28px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 34%, rgba(92,105,239,.14), transparent 37%),
        linear-gradient(180deg, #fbfcff, #f3f5fb);
    transform: scale(.97);
    animation: pnGuidedFinal var(--pn-guided-cycle) cubic-bezier(.2,.8,.2,1) infinite;
}
.pn-guided-final-mark{
    position: relative;
    width: 62px;
    height: 62px;
    margin: 0 auto 20px;
    border-radius: 50%;
    color: white;
    background: linear-gradient(135deg, #5c6bf0, #3744c0);
    display: grid;
    place-items: center;
}
.pn-guided-final-mark > span{
    position: absolute;
    inset: -14px;
    border: 1px solid rgba(87,101,232,.32);
    border-radius: 50%;
    animation: pnGuidedFinalPulse var(--pn-guided-cycle) cubic-bezier(.16,.72,.3,1) infinite;
}
.pn-guided-final-mark .pn-icon-svg{ position: relative; z-index: 2; width: 27px; height: 27px; }
.pn-guided-final-spark{
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7a86ff;
    opacity: 0;
    animation: pnGuidedFinalSpark var(--pn-guided-cycle) ease infinite;
}
.pn-guided-final-spark.s1{ left: -18px; top: 7px; }
.pn-guided-final-spark.s2{ right: -20px; top: 19px; background: #2bb8aa; }
.pn-guided-final-spark.s3{ left: 4px; bottom: -18px; background: #9b72ef; }
.pn-guided-final h3{ margin: 7px 0 11px; color: #171b29; font-size: 27px; line-height: 1.02; letter-spacing: -.045em; }
.pn-guided-final h3 em{ color: #5865e7; font-style: normal; }
.pn-guided-final p{ margin: 0; color: #7c8393; font-size: 7.5px; }
.pn-guided-bottom-nav{
    position: relative;
    z-index: 8;
    height: 59px;
    padding: 5px 10px 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: end;
}
.pn-guided-nav-item{
    min-width: 0;
    height: 46px;
    color: #808797;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
    opacity: 0;
    transform: translateY(11px);
    animation: pnGuidedNav var(--pn-guided-cycle) cubic-bezier(.2,.85,.2,1) infinite;
    animation-delay: calc(var(--nav-index) * .12s);
}
.pn-guided-nav-item > .pn-icon-svg{ width: 16px; height: 16px; }
.pn-guided-nav-item small{ font-size: 5.5px; font-weight: 800; }
.pn-guided-nav-item.is-center{ color: #5865e7; }
.pn-guided-nav-item.is-center b{
    width: 34px;
    height: 34px;
    margin-top: -12px;
    border-radius: 50%;
    color: white;
    background: linear-gradient(135deg, #6170f7, #3f4dcc);
    display: grid;
    place-items: center;
    box-shadow: 0 9px 18px rgba(72,86,206,.24);
}
.pn-guided-nav-item.is-center b .pn-icon-svg{ width: 17px; height: 17px; }
.pn-guided-device:not(.is-story-playing) *,
.pn-guided-device:not(.is-story-playing) *::before,
.pn-guided-device:not(.is-story-playing) *::after{
    animation: none !important;
}
.pn-landing-slide:not(.is-active) .pn-guided-device *,
.pn-landing-slide:not(.is-active) .pn-guided-device *::before,
.pn-landing-slide:not(.is-active) .pn-guided-device *::after{
    animation-play-state: paused !important;
}
@keyframes pnGuidedInterests{
    0%, 15.714% { opacity: 1; transform: translateX(0); }
    18.857% { opacity: 0; transform: translateX(-16%); }
    78.571% { opacity: 0; transform: translateX(-16%); }
}
@keyframes pnGuidedChip{
    0%, 0.786% { opacity: 0; transform: translateY(9px) scale(.94); }
    3.143%, 15.714% { opacity: 1; transform: translateY(0) scale(1); }
    18.071%, 78.571% { opacity: 0; transform: translateY(-3px) scale(1); }
}
@keyframes pnGuidedLearning{
    0%, 8.643% { opacity: 0; transform: translateY(12px); }
    11%, 15.714% { opacity: 1; transform: translateY(0); }
    18.071%, 78.571% { opacity: 0; transform: translateY(-4px); }
}
@keyframes pnGuidedMapScene{
    0%, 15.714% { opacity: 0; transform: translateX(18%); }
    18.857%, 45.571% { opacity: 1; transform: translateX(0); }
    48.714%, 78.571% { opacity: 0; transform: translateX(-14%); }
}
@keyframes pnGuidedRoute{
    0%, 18.857% { stroke-dashoffset: 450; }
    33.786%, 47.143% { stroke-dashoffset: 0; }
    78.571% { stroke-dashoffset: 0; }
}
@keyframes pnGuidedPinHike{
    0%, 23.571% { opacity: 0; transform: translateY(9px) scale(.8); }
    25.929%, 45.571% { opacity: 1; transform: translateY(0) scale(1); }
    47.929%, 78.571% { opacity: 0; transform: translateY(-3px) scale(.96); }
}
@keyframes pnGuidedPinCoffee{
    0%, 28.286% { opacity: 0; transform: translateY(9px) scale(.8); }
    30.643%, 45.571% { opacity: 1; transform: translateY(0) scale(1); }
    47.929%, 78.571% { opacity: 0; transform: translateY(-3px) scale(.96); }
}
@keyframes pnGuidedPinPhoto{
    0%, 33% { opacity: 0; transform: translateY(9px) scale(.8); }
    35.357%, 45.571% { opacity: 1; transform: translateY(0) scale(1); }
    47.929%, 78.571% { opacity: 0; transform: translateY(-3px) scale(.96); }
}
@keyframes pnGuidedBestMatch{
    0%, 37.714% { opacity: 0; transform: translateY(18px) scale(.965); }
    40.071%, 46.357% { opacity: 1; transform: translateY(0) scale(1); }
    48.714%, 78.571% { opacity: 0; transform: translateY(4px) scale(.985); }
}
@keyframes pnGuidedPulse{
    0% { opacity: .65; transform: scale(.62); }
    100% { opacity: 0; transform: scale(1.7); }
}
@keyframes pnGuidedCircleScene{
    0%, 44.786% { opacity: 0; transform: translateX(18%); }
    47.929%, 71.5% { opacity: 1; transform: translateX(0); }
    74.643%, 78.571% { opacity: 0; transform: translateX(-12%); }
}
@keyframes pnGuidedPerson{
    0%, 47.929% { opacity: 0; transform: scale(.58); }
    51.071%, 71.5% { opacity: 1; transform: scale(1); }
    74.643%, 78.571% { opacity: 0; transform: scale(.8); }
}
@keyframes pnGuidedActivityOne{
    0%, 50.286% { opacity: 0; transform: translateX(-9px); }
    52.643%, 62.857% { opacity: 1; transform: translateX(0); }
    65.214%, 78.571% { opacity: 0; transform: translateX(5px); }
}
@keyframes pnGuidedActivityTwo{
    0%, 53.429% { opacity: 0; transform: translateX(-9px); }
    55.786%, 62.857% { opacity: 1; transform: translateX(0); }
    65.214%, 78.571% { opacity: 0; transform: translateX(5px); }
}
@keyframes pnGuidedNotification{
    0%, 57.357% { opacity: 0; transform: translateY(-18px) scale(.96); }
    59.714%, 64.429% { opacity: 1; transform: translateY(0) scale(1); }
    66.786%, 78.571% { opacity: 0; transform: translateY(-7px) scale(.98); }
}
@keyframes pnGuidedChat{
    0%, 62.857% { opacity: 0; transform: translateY(11px); }
    65.214%, 71.5% { opacity: 1; transform: translateY(0); }
    73.857%, 78.571% { opacity: 0; transform: translateY(-4px); }
}
@keyframes pnGuidedJoin{
    0%, 65.214% { opacity: 0; transform: scale(.94); }
    67.571%, 71.5% { opacity: 1; transform: scale(1); }
    73.857%, 78.571% { opacity: 0; transform: scale(.97); }
}
@keyframes pnGuidedFinal{
    0%, 71.5% { opacity: 0; transform: scale(.97); }
    73.857%, 100% { opacity: 1; transform: scale(1); }
}
@keyframes pnGuidedFinalPulse{
    0%, 73.857% { opacity: 0; transform: scale(.75); }
    74.5% { opacity: .7; transform: scale(.75); }
    78.571%, 100% { opacity: 0; transform: scale(1.45); }
}
@keyframes pnGuidedRouteAura{
    0%, 17.286% { opacity: 0; stroke-dashoffset: 450; }
    19.643% { opacity: .34; }
    33.786%, 45.571% { opacity: .22; stroke-dashoffset: 0; }
    47.929%, 78.571% { opacity: 0; stroke-dashoffset: 0; }
}
@keyframes pnGuidedMapAurora{
    0%, 14.929% { opacity: 0; transform: translate3d(-8px,10px,0) scale(.72); }
    19.643%, 43.214% { opacity: .30; transform: translate3d(18px,-12px,0) scale(1.08); }
    47.143%, 78.571% { opacity: 0; transform: translate3d(26px,-18px,0) scale(1.12); }
}
@keyframes pnGuidedPinHaloHike{
    0%, 22.786% { opacity: 0; transform: scale(.5); }
    24.357% { opacity: .48; transform: scale(.72); }
    27.5% { opacity: 0; transform: scale(1.75); }
    78.571% { opacity: 0; transform: scale(1.75); }
}
@keyframes pnGuidedPinHaloCoffee{
    0%, 27.5% { opacity: 0; transform: scale(.5); }
    29.071% { opacity: .45; transform: scale(.72); }
    32.214% { opacity: 0; transform: scale(1.75); }
    78.571% { opacity: 0; transform: scale(1.75); }
}
@keyframes pnGuidedPinHaloPhoto{
    0%, 32.214% { opacity: 0; transform: scale(.5); }
    33.786% { opacity: .42; transform: scale(.72); }
    36.929% { opacity: 0; transform: scale(1.75); }
    78.571% { opacity: 0; transform: scale(1.75); }
}
@keyframes pnGuidedMatchSheen{
    0%, 37.714% { transform: skewX(-15deg) translateX(-250%); opacity: 0; }
    39.286% { opacity: .8; }
    44% { transform: skewX(-15deg) translateX(650%); opacity: 0; }
    78.571% { transform: skewX(-15deg) translateX(650%); opacity: 0; }
}
@keyframes pnGuidedCoverAurora{
    0%, 42.429% { opacity: 0; transform: translate3d(-12px,8px,0) scale(.82); }
    47.143%, 69.143% { opacity: .9; transform: translate3d(54px,26px,0) scale(1.18); }
    73.071%, 78.571% { opacity: 0; transform: translate3d(66px,30px,0) scale(1.22); }
}
@keyframes pnGuidedNotificationGlow{
    0%, 55.786% { opacity: 0; transform: scaleX(.72); }
    58.143%, 62.857% { opacity: .85; transform: scaleX(1); }
    65.214%, 78.571% { opacity: 0; transform: scaleX(.82); }
}
@keyframes pnGuidedFinalSpark{
    0%, 71.5% { opacity: 0; transform: scale(.5) translate3d(0,5px,0); }
    73.857% { opacity: .9; transform: scale(1) translate3d(0,0,0); }
    77% { opacity: .25; transform: scale(.72) translate3d(0,-8px,0); }
    78.571% { opacity: 0; transform: scale(.5) translate3d(0,-10px,0); }
}
@keyframes pnGuidedNav{
    0%, 0.786% { opacity: 0; transform: translateY(11px); }
    3.143%, 73.857% { opacity: 1; transform: translateY(0); }
    77%, 78.571% { opacity: 0; transform: translateY(5px); }
}
@media (max-height: 780px) and (min-width: 761px){
.pn-guided-device{ min-height: 450px; }
.pn-guided-screen{ height: 322px; }
.pn-guided-topbar{ height: 47px; }
.pn-guided-bottom-nav{ height: 53px; }
.pn-guided-interests{ padding: 24px 22px 18px; }
.pn-guided-interests h3{ font-size: 21px; }
.pn-guided-chips{ margin-top: 15px; gap: 6px; }
.pn-guided-chip{ padding: 7px 9px; }
.pn-guided-learning{ left: 22px; right: 22px; bottom: 18px; padding: 8px; }
.pn-guided-circle-cover{ height: 78px; }
.pn-guided-circle-body{ padding: 10px 15px; }
.pn-guided-circle-body h3{ font-size: 17px; }
.pn-guided-people{ margin-top: 8px; padding: 5px 0; }
.pn-guided-person{ width: 23px; height: 23px; }
.pn-guided-activity{ margin-top: 5px; }
.pn-guided-chat{ bottom: 40px; padding: 6px; }
.pn-guided-join{ bottom: 8px; }
.pn-guided-final{ padding-top: 37px; }
}
@media (max-width: 760px){
.pn-guided-device{
        width: 255px;
        min-height: 382px;
        right: -76px;
        bottom: -48px;
        opacity: .34;
    }
.pn-guided-topbar{ height: 43px; padding-inline: 4px; }
.pn-guided-brand small,
.pn-guided-live{ display: none; }
.pn-guided-screen{ height: 278px; border-radius: 19px; }
.pn-guided-bottom-nav{ height: 48px; padding-inline: 4px; }
.pn-guided-nav-item{ height: 38px; }
.pn-guided-nav-item small{ display: none; }
.pn-guided-nav-item.is-center b{ width: 30px; height: 30px; margin-top: -6px; }
.pn-guided-interests{ padding: 24px 18px; }
.pn-guided-interests h3{ font-size: 19px; }
.pn-guided-interests > p{ font-size: 7px; }
.pn-guided-chips{ margin-top: 13px; gap: 5px; }
.pn-guided-chip{ padding: 7px 8px; font-size: 7px; }
.pn-guided-learning{ left: 15px; right: 15px; bottom: 17px; padding: 7px; }
.pn-guided-learning > span{ width: 27px; height: 27px; }
.pn-guided-route{ inset: 11px 9px 38px; width: calc(100% - 18px); height: calc(100% - 49px); }
.pn-guided-origin{ left: 23px; bottom: 31px; width: 32px; height: 32px; }
.pn-guided-route-label.start{ left: 60px; bottom: 34px; }
.pn-guided-route-label.end{ right: 17px; top: 12px; }
.pn-guided-circle-pin{ transform-origin: center; }
.pn-guided-circle-pin.pin-hike{ left: 30px; top: 80px; }
.pn-guided-circle-pin.pin-coffee{ right: 10px; top: 135px; }
.pn-guided-circle-pin.pin-photo{ right: 22px; top: 47px; }
.pn-guided-circle-pin > span{ width: 22px; height: 22px; font-size: 10px; }
.pn-guided-circle-pin strong{ font-size: 5.5px; }
.pn-guided-best-match{ left: 8px; right: 8px; bottom: 7px; padding: 7px; }
.pn-guided-match-icon{ width: 28px; height: 28px; font-size: 13px; }
.pn-guided-circle-cover{ height: 73px; }
.pn-guided-cover-emoji{ font-size: 24px; }
.pn-guided-circle-body{ padding: 9px 12px; }
.pn-guided-circle-body h3{ font-size: 15px; margin-block: 3px; }
.pn-guided-people{ margin-top: 6px; padding: 4px 0; }
.pn-guided-person{ width: 21px; height: 21px; }
.pn-guided-activity{ margin-top: 4px; }
.pn-guided-activity > span{ width: 20px; height: 20px; }
.pn-guided-chat{ left: 10px; right: 10px; bottom: 34px; padding: 6px; }
.pn-guided-join{ right: 10px; bottom: 7px; min-height: 23px; }
.pn-guided-notification{ left: 8px; right: 8px; top: 7px; padding: 7px; }
.pn-guided-notification-icon{ width: 29px; height: 29px; }
.pn-guided-final{ padding: 37px 18px 15px; }
.pn-guided-final-mark{ width: 48px; height: 48px; margin-bottom: 13px; }
.pn-guided-final h3{ font-size: 21px; }
}
@media (prefers-reduced-motion: reduce){
.pn-guided-device *{ animation: none !important; }
.pn-guided-interests{ display: none; }
.pn-guided-map-scene{ opacity: 1; transform: none; }
.pn-guided-route-line{ stroke-dashoffset: 0; }
.pn-guided-circle-pin{ opacity: 1; transform: none; }
.pn-guided-best-match{ opacity: 1; transform: none; }
.pn-guided-notification,
.pn-guided-circle-scene,
.pn-guided-final{ display: none; }
.pn-guided-nav-item{ opacity: 1; transform: none; }
}
.pn-guided-device{
    width: min(100%, 354px);
    min-height: 604px;
    padding: 0;
    overflow: visible;
    border: .75px solid rgba(255,255,255,.82);
    border-radius: 50px;
    background: linear-gradient(145deg, #d8dce5 0%, #737985 15%, #1d2027 48%, #656b76 82%, #dce0e7 100%);
    box-shadow:
        0 2.8px 2.2px rgba(0,0,0,.034),
        0 6.7px 5.3px rgba(0,0,0,.048),
        0 12.5px 10px rgba(0,0,0,.06),
        0 22.3px 17.9px rgba(0,0,0,.072),
        0 41.8px 33.4px rgba(0,0,0,.086),
        0 70px 72px rgba(0,0,0,.28),
        inset 0 0 0 1px rgba(255,255,255,.13);
    transform: rotate(1.15deg);
    isolation: isolate;
}
.pn-guided-device::before{
    inset: 2px;
    z-index: 0;
    border-radius: 48px;
    background: linear-gradient(145deg, rgba(255,255,255,.25), rgba(255,255,255,.015) 22%, rgba(0,0,0,.32) 67%, rgba(255,255,255,.12));
    pointer-events: none;
}
.pn-guided-inside-border{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 604px;
    overflow: hidden;
    border: 7px solid #050609;
    border-radius: 49px;
    background: #f7f9fc;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        inset 0 0 20px rgba(0,0,0,.12);
}
.pn-guided-app-shell{
    position: absolute;
    inset: 25px 0 9px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0 0 39px 39px;
    background: linear-gradient(180deg, #fbfcff 0%, #f1f4f9 100%);
}
.pn-guided-statusbar{
    position: absolute;
    z-index: 30;
    inset: 0 0 auto;
    height: 30px;
    padding: 7px 17px 0 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: #11141b;
    font-family: var(--pn-font);
    pointer-events: none;
}
.pn-guided-time{
    min-width: 44px;
    font-size: 10px;
    line-height: 1;
    font-weight: 750;
    letter-spacing: -.025em;
}
.pn-guided-status-icons{
    display: flex;
    align-items: center;
    gap: 5px;
    height: 10px;
}
.pn-guided-signal{
    width: 13px;
    height: 8px;
    display: flex;
    align-items: flex-end;
    gap: 1px;
}
.pn-guided-signal b{
    display: block;
    width: 2px;
    border-radius: 2px;
    background: currentColor;
}
.pn-guided-signal b:nth-child(1){ height: 3px; opacity: .74; }
.pn-guided-signal b:nth-child(2){ height: 4.5px; opacity: .82; }
.pn-guided-signal b:nth-child(3){ height: 6px; opacity: .9; }
.pn-guided-signal b:nth-child(4){ height: 8px; }
.pn-guided-wifi{
    width: 11px;
    height: 8px;
    position: relative;
    display: block;
    overflow: hidden;
}
.pn-guided-wifi::before,
.pn-guided-wifi::after{
    content: "";
    position: absolute;
    left: 50%;
    border: 1.2px solid currentColor;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    transform: translateX(-50%);
}
.pn-guided-wifi::before{ top: 1px; width: 11px; height: 9px; }
.pn-guided-wifi::after{ top: 4px; width: 5px; height: 4px; }
.pn-guided-battery{
    position: relative;
    display: block;
    width: 17px;
    height: 8px;
    border: .8px solid rgba(17,20,27,.64);
    border-radius: 2.4px;
}
.pn-guided-battery b{
    display: block;
    width: calc(78% - 2px);
    height: calc(100% - 2px);
    margin: 1px;
    border-radius: 1px;
    background: currentColor;
}
.pn-guided-battery em{
    position: absolute;
    right: -2.4px;
    top: 2px;
    width: 1.5px;
    height: 3px;
    border-radius: 0 1px 1px 0;
    background: rgba(17,20,27,.54);
}
.pn-guided-camera{
    position: absolute;
    z-index: 35;
    top: -1px;
    left: 50%;
    width: 84px;
    height: 23px;
    transform: translateX(-50%);
    border-radius: 0 0 17px 17px;
    background: #030406;
    box-shadow: 0 1px 0 rgba(255,255,255,.04);
    pointer-events: none;
}
.pn-guided-camera-dot{
    position: absolute;
    left: 14px;
    top: 7px;
    width: 6px;
    height: 6px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.15);
}
.pn-guided-camera-dot i{
    position: absolute;
    width: 4.5px;
    height: 4.5px;
    border-radius: 50%;
    background: rgba(95,121,193,.42);
    box-shadow: 0 0 5px rgba(86,112,200,.34);
}
.pn-guided-camera-dot b{
    position: absolute;
    width: 1.5px;
    height: 1.5px;
    border-radius: 50%;
    background: #020307;
}
.pn-guided-camera-speaker{
    position: absolute;
    left: 50%;
    top: 7px;
    width: 31px;
    height: 2px;
    transform: translateX(-36%);
    border-radius: 999px;
    background: rgba(255,255,255,.15);
}
.pn-guided-silencer,
.pn-guided-volume-up,
.pn-guided-volume-down,
.pn-guided-power{
    position: absolute;
    z-index: 1;
    display: block;
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(135,141,150,.82) 38%, rgba(43,47,54,.92));
    box-shadow: inset 0 0 0 .5px rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.24);
    opacity: .92;
}
.pn-guided-silencer{ left: -3px; top: 99px; width: 3px; height: 18px; }
.pn-guided-volume-up{ left: -3px; top: 136px; width: 3px; height: 36px; }
.pn-guided-volume-down{ left: -3px; top: 180px; width: 3px; height: 36px; }
.pn-guided-power{ right: -3px; top: 147px; width: 3px; height: 56px; }
.pn-guided-home-indicator{
    position: absolute;
    z-index: 40;
    left: 50%;
    bottom: 4px;
    width: 92px;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: rgba(21,24,31,.78);
    pointer-events: none;
}
.pn-guided-topbar{
    flex: 0 0 50px;
    height: 50px;
    padding: 7px 11px 7px;
}
.pn-guided-screen{
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    margin: 0 7px;
    border-radius: 24px;
}
.pn-guided-bottom-nav{
    flex: 0 0 56px;
    height: 56px;
    padding: 4px 12px 4px;
}
@media (max-height: 780px) and (min-width: 761px){
.pn-guided-device{ width: min(100%, 326px); min-height: 556px; }
.pn-guided-inside-border{ height: 556px; }
.pn-guided-topbar{ flex-basis: 44px; height: 44px; }
.pn-guided-bottom-nav{ flex-basis: 50px; height: 50px; }
}
@media (max-width: 760px){
.pn-guided-device{
        width: 248px;
        min-height: 430px;
        right: -78px;
        bottom: -50px;
        opacity: .38;
        transform: rotate(6deg);
    }
.pn-guided-inside-border{ height: 430px; border-width: 5px; border-radius: 38px; }
.pn-guided-device,
.pn-guided-device::before{ border-radius: 39px; }
.pn-guided-app-shell{ inset: 21px 0 7px; border-radius: 0 0 31px 31px; }
.pn-guided-camera{ width: 66px; height: 19px; border-radius: 0 0 14px 14px; }
.pn-guided-camera-dot{ left: 11px; top: 6px; width: 5px; height: 5px; }
.pn-guided-camera-speaker{ top: 6px; width: 24px; }
.pn-guided-statusbar{ height: 24px; padding: 6px 12px 0 14px; }
.pn-guided-time{ font-size: 7.5px; }
.pn-guided-status-icons{ transform: scale(.78); transform-origin: right top; }
.pn-guided-silencer{ top: 73px; height: 13px; }
.pn-guided-volume-up{ top: 98px; height: 25px; }
.pn-guided-volume-down{ top: 130px; height: 25px; }
.pn-guided-power{ top: 104px; height: 40px; }
.pn-guided-home-indicator{ width: 66px; height: 2px; bottom: 3px; }
.pn-guided-topbar{ flex: 0 0 40px; height: 40px; }
.pn-guided-screen{ height: auto; margin-inline: 5px; border-radius: 18px; }
.pn-guided-bottom-nav{ flex: 0 0 45px; height: 45px; }
}
#pn-landing-top.pn-landing-hero.pn-landing-slide{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: clamp(20px, 2.8vh, 34px) clamp(22px, 5vw, 64px) clamp(20px, 3vh, 34px);
    text-align: center;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}
#pn-landing-top.pn-landing-hero.pn-landing-slide::-webkit-scrollbar{ display: none; }
#pn-landing-top .pn-landing-copy-minimal{
    position: relative;
    z-index: 4;
    width: min(100%, 920px);
    max-width: 920px;
    min-height: min-content;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}
#pn-landing-top .pn-landing-copy-minimal h1{
    order: 1;
    max-width: 860px;
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 4.6vw, 58px);
    line-height: 1.01;
    letter-spacing: -.052em;
    text-wrap: balance;
}
#pn-landing-top .pn-landing-copy-minimal > p{
    order: 2;
    max-width: 720px;
    margin: 11px 0 0;
    color: rgba(255,255,255,.72);
    font-size: clamp(13px, 1.25vw, 16px);
    line-height: 1.5;
    text-wrap: balance;
}
#pn-landing-top .pn-guided-device-stage{
    --pn-hero-device-scale: .75;
    order: 3;
    position: relative;
    flex: 0 0 auto;
    width: 280px;
    height: 453px;
    margin: 18px auto 0;
    display: block;
}
#pn-landing-top .pn-guided-device-stage > .pn-guided-device{
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    transform-origin: top center !important;
    transform: translateX(-50%) scale(var(--pn-hero-device-scale)) rotate(1deg) !important;
}
#pn-landing-top .pn-guest-actions{
    order: 4;
    width: auto;
    margin: 16px 0 0;
    justify-content: center;
    gap: 10px;
}
#pn-landing-top .pn-guest-actions .pn-btn{
    min-height: 46px;
    padding-inline: 20px;
}
#pn-landing-top .pn-landing-proof{
    order: 5;
    width: auto;
    margin: 12px 0 0;
    display: flex;
    justify-content: center;
    gap: 8px;
}
#pn-landing-top .pn-landing-proof span{
    min-height: 32px;
    padding: 7px 11px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    color: rgba(255,255,255,.74);
    font-size: 9px;
    font-weight: 760;
    line-height: 1;
    white-space: nowrap;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
#pn-landing-top .pn-landing-proof .pn-icon-svg{
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    color: #8f9cff;
}
@media (max-height: 780px) and (min-width: 761px){
#pn-landing-top.pn-landing-hero.pn-landing-slide{
        padding-block: 15px;
    }
#pn-landing-top .pn-landing-copy-minimal h1{
        font-size: clamp(34px, 4.1vw, 48px);
    }
#pn-landing-top .pn-landing-copy-minimal > p{
        margin-top: 8px;
        font-size: 12px;
    }
#pn-landing-top .pn-guided-device-stage{
        --pn-hero-device-scale: .64;
        width: 230px;
        height: 356px;
        margin-top: 11px;
    }
#pn-landing-top .pn-guest-actions{ margin-top: 10px; }
#pn-landing-top .pn-landing-proof{ margin-top: 8px; }
}
@media (max-width: 760px){
#pn-landing-top.pn-landing-hero.pn-landing-slide{
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        padding: 18px 14px max(22px, env(safe-area-inset-bottom));
        text-align: center;
    }
#pn-landing-top .pn-landing-copy-minimal{
        width: 100%;
        max-width: 520px;
        margin: auto;
        align-self: auto;
    }
#pn-landing-top .pn-landing-copy-minimal h1{
        max-width: 96%;
        margin: 0;
        font-size: clamp(29px, 8.8vw, 38px);
        line-height: 1.01;
    }
#pn-landing-top .pn-landing-copy-minimal > p{
        max-width: 94%;
        margin-top: 8px;
        font-size: clamp(10.5px, 2.85vw, 12.5px);
        line-height: 1.42;
    }
#pn-landing-top .pn-guided-device-stage{
        --pn-hero-device-scale: .78;
        width: 205px;
        height: 336px;
        margin-top: 12px;
    }
#pn-landing-top .pn-guided-device-stage > .pn-guided-device{

        width: 248px !important;
        min-height: 430px !important;
        transform: translateX(-50%) scale(var(--pn-hero-device-scale)) rotate(1deg) !important;
    }
#pn-landing-top .pn-guided-device-stage .pn-guided-inside-border{
        height: 430px !important;
    }
#pn-landing-top .pn-guest-actions{
        width: min(100%, 330px);
        margin-top: 11px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
#pn-landing-top .pn-guest-actions .pn-btn{
        min-width: 0;
        min-height: 40px;
        padding: 8px 10px;
        font-size: 10px;
    }
#pn-landing-top .pn-landing-proof{
        width: min(100%, 350px);
        margin-top: 9px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
    }
#pn-landing-top .pn-landing-proof span{
        min-width: 0;
        min-height: 30px;
        padding: 6px 5px;
        justify-content: center;
        gap: 4px;
        font-size: 7.2px;
        white-space: normal;
        text-align: left;
    }
#pn-landing-top .pn-landing-proof .pn-icon-svg{
        width: 12px;
        height: 12px;
        flex-basis: 12px;
    }
}
@media (max-width: 760px) and (max-height: 720px){
#pn-landing-top.pn-landing-hero.pn-landing-slide{ padding-block: 12px 18px; }
#pn-landing-top .pn-landing-copy-minimal h1{ font-size: clamp(26px, 8vw, 33px); }
#pn-landing-top .pn-landing-copy-minimal > p{ margin-top: 6px; font-size: 9.8px; }
#pn-landing-top .pn-guided-device-stage{
        --pn-hero-device-scale: .60;
        width: 155px;
        height: 258px;
        margin-top: 8px;
    }
#pn-landing-top .pn-guest-actions{ margin-top: 8px; }
#pn-landing-top .pn-landing-proof{ margin-top: 7px; }
}
@media (min-width: 980px){
#pn-landing-top.pn-landing-hero.pn-landing-slide{
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: clamp(24px, 4vh, 48px) clamp(34px, 6vw, 92px);
        text-align: left;
        overflow-y: auto;
    }
#pn-landing-top .pn-landing-copy-minimal{
        width: min(100%, 1240px);
        max-width: 1240px;
        margin: auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(292px, 360px);
        grid-template-rows: repeat(4, min-content);
        column-gap: clamp(34px, 5.5vw, 92px);
        row-gap: 0;
        align-content: center;
        align-items: start;
        text-align: left;
    }
#pn-landing-top .pn-landing-copy-minimal h1{
        grid-column: 1;
        grid-row: 1;
        align-self: end;
        max-width: 650px;
        margin: 0;
        font-size: clamp(42px, 4.4vw, 68px);
        line-height: .99;
        text-align: left;
    }
#pn-landing-top .pn-landing-copy-minimal > p{
        grid-column: 1;
        grid-row: 2;
        max-width: 590px;
        margin: 17px 0 0;
        font-size: clamp(14px, 1.25vw, 17px);
        line-height: 1.55;
        text-align: left;
    }
#pn-landing-top .pn-guided-device-stage{
        --pn-hero-device-scale: .82;
        grid-column: 2;
        grid-row: 1 / 5;
        align-self: center;
        justify-self: center;
        width: 294px;
        height: 500px;
        margin: 0;
    }
#pn-landing-top .pn-guest-actions{
        grid-column: 1;
        grid-row: 3;
        width: auto;
        margin: 26px 0 0;
        justify-content: flex-start;
    }
#pn-landing-top .pn-landing-proof{
        grid-column: 1;
        grid-row: 4;
        width: auto;
        margin: 15px 0 0;
        justify-content: flex-start;
    }
}
@media (min-width: 980px) and (max-width: 1199px){
#pn-landing-top.pn-landing-hero.pn-landing-slide{
        padding-inline: clamp(28px, 4vw, 48px);
    }
#pn-landing-top .pn-landing-copy-minimal{
        grid-template-columns: minmax(0, 1fr) 278px;
        column-gap: clamp(28px, 4vw, 46px);
    }
#pn-landing-top .pn-landing-copy-minimal h1{
        max-width: 540px;
        font-size: clamp(39px, 4.3vw, 52px);
    }
#pn-landing-top .pn-landing-copy-minimal > p{
        max-width: 530px;
        font-size: 13px;
    }
#pn-landing-top .pn-guided-device-stage{
        --pn-hero-device-scale: .76;
        width: 270px;
        height: 462px;
    }
#pn-landing-top .pn-guest-actions{ margin-top: 20px; }
#pn-landing-top .pn-landing-proof{ margin-top: 12px; }
#pn-landing-top .pn-landing-proof span{ padding-inline: 9px; font-size: 8px; }
}
@media (min-width: 1200px){
#pn-landing-top .pn-guided-device-stage{
        --pn-hero-device-scale: .92;
        width: 326px;
        height: 558px;
    }
}
@media (min-width: 1500px) and (min-height: 820px){
#pn-landing-top .pn-guided-device-stage{
        --pn-hero-device-scale: 1;
        width: 354px;
        height: 604px;
    }
}
@media (min-width: 980px) and (max-height: 780px){
#pn-landing-top.pn-landing-hero.pn-landing-slide{
        padding-block: 14px;
    }
#pn-landing-top .pn-landing-copy-minimal h1{
        font-size: clamp(36px, 4vw, 50px);
    }
#pn-landing-top .pn-landing-copy-minimal > p{
        margin-top: 10px;
        font-size: 12px;
    }
#pn-landing-top .pn-guided-device-stage{
        --pn-hero-device-scale: .78;
        width: 256px;
        height: 436px;
        margin: 0;
    }
#pn-landing-top .pn-guest-actions{ margin-top: 16px; }
#pn-landing-top .pn-landing-proof{ margin-top: 9px; }
}
@media (max-width: 960px){
#pn-circles.pn-landing-slide,
#pn-smart-circles.pn-landing-slide,
#pn-circle-access.pn-landing-slide{
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-behavior: smooth;
        scroll-padding-block: 20px 96px;
        justify-content: flex-start !important;
        touch-action: pan-y;
    }
#pn-circles.pn-landing-slide::-webkit-scrollbar,
#pn-smart-circles.pn-landing-slide::-webkit-scrollbar,
#pn-circle-access.pn-landing-slide::-webkit-scrollbar{
        display: none;
    }
#pn-circles .pn-circle-landing-grid,
#pn-smart-circles .pn-smart-radar-grid,
#pn-circle-access .pn-circle-access-grid{
        height: auto;
        min-height: 100%;
    }
}
@media (max-width: 760px){
#pn-circles.pn-landing-slide,
#pn-smart-circles.pn-landing-slide,
#pn-circle-access.pn-landing-slide{
        padding-top: clamp(20px, 3dvh, 28px) !important;
        padding-bottom: calc(var(--pn-mobile-controls-h) + 48px) !important;
        align-items: stretch !important;
    }
#pn-circles .pn-circle-landing-grid,
#pn-smart-circles .pn-smart-radar-grid,
#pn-circle-access .pn-circle-access-grid{
        min-height: 0;
        align-content: start;
        align-items: stretch;
        gap: 20px;
    }
#pn-circles .pn-circle-landing-copy h2,
#pn-circle-access .pn-circle-landing-copy h2{
        margin: 7px 0 11px;
        font-size: clamp(30px, 8.6vw, 38px);
        line-height: 1.03;
        text-wrap: balance;
    }
#pn-circles .pn-circle-landing-copy > p,
#pn-circle-access .pn-circle-landing-copy > p{
        font-size: clamp(11px, 3.1vw, 13px);
        line-height: 1.55;
    }
#pn-circles .pn-circle-feature-list,
#pn-circle-access .pn-circle-access-points{
        margin-top: 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
#pn-circles .pn-circle-feature-list > span,
#pn-circle-access .pn-circle-access-points > span{
        min-height: 78px;
        padding: 10px;
        align-content: center;
    }
#pn-circles .pn-circle-feature-list strong,
#pn-circle-access .pn-circle-access-points b{
        font-size: 9px;
        line-height: 1.25;
    }
#pn-circles .pn-circle-feature-list small,
#pn-circle-access .pn-circle-access-points small{
        font-size: 7.4px;
        line-height: 1.38;
    }
#pn-circles .pn-circles-marketing-visual,
#pn-circle-access .pn-circle-reach-visual{
        margin-top: 2px;
        overflow: hidden;
        flex: none;
    }
#pn-circles .pn-circles-marketing-visual{
        padding: 12px;
        border-radius: 24px;
    }
#pn-circles .pn-marketing-circle-hero{ height: 108px; }
#pn-circles .pn-marketing-circle-body{ min-height: 58px; padding: 10px 11px; }
#pn-circles .pn-marketing-circle-body strong{ font-size: 9px; }
#pn-circles .pn-marketing-circle-body small{ font-size: 7px; }
#pn-circles .pn-circle-chat-peek{ margin-bottom: 2px; }
#pn-smart-circles .pn-smart-radar-grid{
        grid-template-columns: 1fr;
        gap: 22px;
    }
#pn-smart-circles .pn-smart-radar-copy h2{
        max-width: 100%;
        margin: 7px 0 11px;
        font-size: clamp(30px, 8.6vw, 38px);
        line-height: 1.03;
        letter-spacing: -.045em;
        text-wrap: balance;
    }
#pn-smart-circles .pn-smart-radar-copy > p{
        max-width: 100%;
        margin: 0;
        font-size: clamp(11px, 3.1vw, 13px);
        line-height: 1.55;
    }
#pn-smart-circles .pn-smart-radar-points{
        margin-top: 15px;
        gap: 9px;
    }
#pn-smart-circles .pn-smart-radar-points > span{
        min-height: 82px;
        padding: 11px 12px;
        grid-template-columns: 34px minmax(0, 1fr);
        column-gap: 10px;
        border-radius: 17px;
    }
#pn-smart-circles .pn-smart-radar-points svg{
        width: 20px;
        height: 20px;
    }
#pn-smart-circles .pn-smart-radar-points strong{
        font-size: 12px;
        line-height: 1.3;
    }
#pn-smart-circles .pn-smart-radar-points small{
        font-size: 10px;
        line-height: 1.42;
    }
#pn-smart-circles .pn-smart-radar-safety{
        margin-top: 13px;
        font-size: 10px;
        line-height: 1.5;
    }
#pn-smart-circles .pn-smart-radar-visual{
        width: 100%;
        min-height: 390px;
        flex: none;
        border-radius: 25px;
    }
#pn-smart-circles .pn-smart-route-map{
        inset: 16px 16px 108px;
    }
#pn-smart-circles .pn-smart-match-chip{
        right: 12px;
        top: 12px;
        max-width: calc(100% - 24px);
    }
#pn-smart-circles .pn-smart-notification-demo{
        left: 14px;
        right: 14px;
        bottom: 14px;
        padding: 11px 12px;
        grid-template-columns: 40px minmax(0, 1fr);
    }
#pn-smart-circles .pn-smart-notification-icon{
        width: 40px;
        height: 40px;
        border-radius: 13px;
        font-size: 20px;
    }
#pn-smart-circles .pn-smart-notification-demo strong{ font-size: 11px; line-height: 1.3; }
#pn-smart-circles .pn-smart-notification-demo em{ font-size: 9px; line-height: 1.35; white-space: normal; }
#pn-circle-access .pn-circle-access-copy{ order: 1; }
#pn-circle-access .pn-circle-reach-visual{
        order: 2;
        padding: 12px;
        border-radius: 24px;
    }
#pn-circle-access .pn-circle-reach-map{
        height: clamp(190px, 50vw, 235px);
        border-radius: 18px;
    }
#pn-circle-access .pn-circle-reach-controls{
        margin-top: 9px;
        gap: 7px;
    }
#pn-circle-access .pn-circle-reach-controls > div{ gap: 7px; }
#pn-circle-access .pn-reach-choice{ min-height: 63px; padding: 8px; }
#pn-circle-access .pn-reach-choice b{ font-size: 7.5px; }
#pn-circle-access .pn-reach-choice small{ font-size: 6.4px; line-height: 1.3; }
#pn-circle-access .pn-circle-member-pass{ margin-top: 8px; padding: 8px 9px; }
#pn-circle-access .pn-circle-member-pass strong{ font-size: 7.4px; }
#pn-circle-access .pn-circle-member-pass small{ font-size: 6.3px; }
.pn-landing.has-scrollable-feature-slide .pn-landing-scroll-hint{
        opacity: 0 !important;
        pointer-events: none !important;
    }
}
@media (max-width: 430px){
#pn-circles .pn-circle-feature-list,
#pn-circle-access .pn-circle-access-points{
        grid-template-columns: 1fr;
    }
#pn-circles .pn-circle-feature-list > span,
#pn-circle-access .pn-circle-access-points > span{
        min-height: 62px;
    }
#pn-circles .pn-circle-topic-strip{
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
#pn-circles .pn-circle-topic-strip::-webkit-scrollbar{ display: none; }
#pn-circles .pn-marketing-circle-mini-grid{
        grid-template-columns: 1fr;
    }
#pn-smart-circles .pn-smart-radar-visual{ min-height: 360px; }
}
@media (max-width: 760px) and (max-height: 720px){
#pn-circles .pn-circle-feature-list,
#pn-circle-access .pn-circle-access-points{
        display: grid;
    }
#pn-circles .pn-circle-topic-strip,
#pn-circles .pn-circle-chat-peek{
        display: flex;
    }
#pn-circles .pn-circle-chat-peek{
        display: grid;
    }
#pn-circle-access .pn-circle-reach-map{ height: clamp(180px, 48vw, 220px); }
}
@media (max-width: 760px){
#pn-circle-access .pn-circle-reach-visual{
        display: none !important;
    }
#pn-circle-access .pn-circle-access-grid{
        display: block;
        min-height: 0;
    }
#pn-circle-access .pn-circle-access-copy{
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
#pn-circle-access.pn-landing-slide{
        padding-bottom: calc(var(--pn-mobile-controls-h) + 32px) !important;
    }
}
.pn-authentic-demo{
    --pn-auth-cycle: 28s;
    --pn-auth-purple: #7462f5;
    --pn-auth-purple-soft: rgba(116,98,245,.11);
    --pn-auth-ink: #292531;
    --pn-auth-muted: #7f7987;
    --pn-auth-line: #ebe8ee;
    --pn-auth-surface: #f7f6f9;
    font-family: var(--pn-font);
    color: var(--pn-auth-ink);
    background: #f7f6f9;
}
.pn-authentic-demo .pn-icon-svg{ display:block; }
.pn-auth-demo-header{
    flex: 0 0 54px;
    min-height: 54px;
    padding: 7px 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(35,32,45,.06);
    background:linear-gradient(135deg,#6a5eea 0%,#6c67ef 50%,#585fe1 100%);
    color:#fff;
    position:relative;
    z-index:20;
    box-shadow:0 7px 20px rgba(72,61,161,.17);
}
.pn-auth-demo-brand{ display:flex;align-items:center;gap:7px;min-width:0; }
.pn-auth-demo-brand .pn-brand-mark{ width:29px;height:29px;border-radius:10px;background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15); }
.pn-auth-demo-brand .pn-brand-mark .pn-icon-svg{ width:15px;height:15px; }
.pn-auth-demo-brand > span:last-child{ display:grid;gap:1px;text-align:left; }
.pn-auth-demo-brand strong{ font-size:11px;line-height:1;font-weight:850;letter-spacing:-.035em; }
.pn-auth-demo-brand small{ color:rgba(255,255,255,.7);font-size:5.7px;font-weight:750; }
.pn-auth-demo-actions{ display:flex;gap:5px; }
.pn-auth-demo-actions > i{
    position:relative;width:27px;height:27px;border:1px solid rgba(255,255,255,.14);border-radius:9px;
    display:grid;place-items:center;background:rgba(255,255,255,.10);color:#fff;font-style:normal;
}
.pn-auth-demo-actions .pn-icon-svg{ width:13px;height:13px; }
.pn-auth-demo-actions i b{ position:absolute;right:4px;top:4px;width:4px;height:4px;border:1px solid #675ee9;border-radius:50%;background:#fff; }
.pn-auth-demo-actions i em{ position:absolute;right:-2px;top:-3px;min-width:12px;height:12px;padding:0 2px;border-radius:99px;background:#fff;color:#6354dc;font-size:5px;font-weight:900;display:grid;place-items:center;font-style:normal; }
.pn-auth-demo-modebar{
    flex:0 0 47px;min-height:47px;margin:0;padding:5px 7px;display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;
    border-bottom:1px solid var(--pn-auth-line);background:rgba(255,255,255,.97);position:relative;z-index:18;
}
.pn-auth-demo-mode-label{ display:grid;gap:1px;text-align:left; }
.pn-auth-demo-mode-label small{ color:#9993a0;font-size:4.6px;font-weight:900;letter-spacing:.07em;text-transform:uppercase; }
.pn-auth-demo-mode-label strong{ font-size:7px; }
.pn-auth-demo-modes{ min-width:0;padding:2px;border-radius:9px;background:#f0eff4;display:grid;grid-template-columns:repeat(3,1fr);gap:2px; }
.pn-auth-demo-modes i{ min-width:0;height:29px;padding:0 4px;border-radius:7px;color:#8d8793;display:flex;align-items:center;justify-content:center;gap:3px;font-size:5px;font-weight:850;font-style:normal; }
.pn-auth-demo-modes i.is-active{ color:#fff;background:var(--pn-auth-purple);box-shadow:0 5px 10px rgba(116,98,245,.22); }
.pn-auth-demo-modes .pn-icon-svg{ width:8px;height:8px; }
.pn-auth-demo-modes b{ font-size:4.8px;white-space:nowrap; }
.pn-auth-demo-wallet{ min-width:30px;height:29px;padding:0 5px;border:1px solid rgba(17,156,146,.14);border-radius:8px;background:rgba(17,156,146,.075);color:#0f776f;display:flex;align-items:center;justify-content:center;gap:3px; }
.pn-auth-demo-wallet .pn-icon-svg{ width:9px;height:9px; }
.pn-auth-demo-wallet b{ font-size:6px; }
.pn-auth-demo-viewport{ position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#f8f8fb; }
.pn-auth-demo-scene{ position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none; }
.pn-auth-demo-profile{ padding:10px;animation:pnAuthProfile var(--pn-auth-cycle) cubic-bezier(.2,.75,.2,1) infinite; }
.pn-auth-demo-nearby{ background:#e9ecef;animation:pnAuthNearby var(--pn-auth-cycle) cubic-bezier(.2,.75,.2,1) infinite; }
.pn-auth-demo-notifications{ z-index:8;padding:0 8px 10px;background:#fff;animation:pnAuthNotifications var(--pn-auth-cycle) cubic-bezier(.18,.82,.2,1) infinite; }
.pn-auth-demo-circles{ background:#f8f8fb;animation:pnAuthCircles var(--pn-auth-cycle) cubic-bezier(.18,.82,.2,1) infinite; }
.pn-auth-demo-page-head{ margin:0 1px 7px;display:flex;justify-content:space-between;align-items:end;text-align:left; }
.pn-auth-demo-page-head span{ display:grid;gap:1px; }
.pn-auth-demo-page-head small,
.pn-auth-demo-section-label small{ color:#8b8492;font-size:4.6px;font-weight:900;letter-spacing:.09em; }
.pn-auth-demo-page-head strong{ font-size:12px;letter-spacing:-.035em; }
.pn-auth-demo-page-head > i{ color:#8e8994;font-size:8px;font-style:normal; }
.pn-auth-demo-profile-hero{ padding:8px;border:1px solid var(--pn-auth-line);border-radius:13px;background:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 5px 15px rgba(28,24,40,.045); }
.pn-auth-demo-avatar{ position:relative;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#7a69f3,#515bd9);color:#fff;font-size:8px;font-weight:900; }
.pn-auth-demo-avatar i{ position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#fff;color:#6858e4;font-style:normal;box-shadow:0 3px 7px rgba(0,0,0,.12); }
.pn-auth-demo-avatar .pn-icon-svg{ width:7px;height:7px; }
.pn-auth-demo-profile-hero > span:last-child{ display:grid;gap:2px;text-align:left; }
.pn-auth-demo-profile-hero em{ width:max-content;padding:2px 5px;border-radius:99px;background:var(--pn-auth-purple-soft);color:#6656de;font-size:4.5px;font-weight:900;font-style:normal; }
.pn-auth-demo-profile-hero strong{ font-size:9px; }
.pn-auth-demo-profile-hero small{ color:var(--pn-auth-muted);font-size:5px; }
.pn-auth-demo-tabs{ margin:7px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:3px; }
.pn-auth-demo-tabs i{ height:25px;border-radius:8px;color:#8b8591;display:flex;align-items:center;justify-content:center;gap:3px;font-size:4.9px;font-weight:800;font-style:normal;background:#fff;border:1px solid var(--pn-auth-line); }
.pn-auth-demo-tabs i.is-active{ color:#6553df;background:var(--pn-auth-purple-soft);border-color:rgba(116,98,245,.16); }
.pn-auth-demo-tabs .pn-icon-svg{ width:8px;height:8px; }
.pn-auth-demo-setting{ padding:8px;border:1px solid var(--pn-auth-line);border-radius:12px;background:#fff;display:grid;grid-template-columns:27px minmax(0,1fr) 25px;gap:7px;align-items:center;text-align:left; }
.pn-auth-demo-setting.is-highlighted{ border-color:rgba(116,98,245,.2);box-shadow:0 7px 18px rgba(116,98,245,.07); }
.pn-auth-demo-setting-icon{ width:27px;height:27px;border-radius:9px;background:var(--pn-auth-purple-soft);color:var(--pn-auth-purple);display:grid;place-items:center; }
.pn-auth-demo-setting-icon .pn-icon-svg{ width:12px;height:12px; }
.pn-auth-demo-setting > span:nth-child(2){ display:grid;gap:2px; }
.pn-auth-demo-setting strong{ font-size:6.3px; }
.pn-auth-demo-setting small{ color:var(--pn-auth-muted);font-size:4.6px;line-height:1.35; }
.pn-auth-demo-toggle{ width:24px;height:14px;padding:2px;border-radius:99px;background:#d9d6dd;display:flex;align-items:center;font-style:normal; }
.pn-auth-demo-toggle b{ width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18); }
.pn-auth-demo-toggle.is-on{ justify-content:flex-end;background:var(--pn-auth-purple); }
.pn-auth-demo-section-label{ margin:8px 2px 5px;display:flex;justify-content:space-between;align-items:center; }
.pn-auth-demo-section-label strong{ font-size:6.3px; }
.pn-auth-demo-interest-card{ min-height:50px;padding:7px;border:1px solid var(--pn-auth-line);border-radius:12px;background:#fff;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px; }
.pn-auth-demo-interest{ padding:5px 7px;border-radius:99px;background:#f2f0fb;color:#6659c8;font-size:5.5px;font-weight:800;opacity:0;transform:translateY(5px) scale(.94);animation:pnAuthInterest var(--pn-auth-cycle) cubic-bezier(.2,.85,.2,1) infinite;animation-delay:calc(var(--auth-chip) * .22s); }
.pn-auth-demo-saved{ margin-top:7px;padding:7px 8px;border-radius:11px;background:linear-gradient(145deg,#f0f9f7,#f5f2ff);display:flex;align-items:center;gap:7px;text-align:left;opacity:0;animation:pnAuthSaved var(--pn-auth-cycle) ease infinite; }
.pn-auth-demo-saved > i{ width:23px;height:23px;border-radius:8px;background:#13a99b;color:#fff;display:grid;place-items:center;font-style:normal; }
.pn-auth-demo-saved .pn-icon-svg{ width:10px;height:10px; }
.pn-auth-demo-saved > span{ display:grid;gap:1px; }
.pn-auth-demo-saved strong{ font-size:6px; }
.pn-auth-demo-saved small{ color:var(--pn-auth-muted);font-size:4.7px; }
.pn-auth-demo-map{ position:absolute;inset:0 0 66px;overflow:hidden;background:linear-gradient(145deg,#e9efe9,#e8ebf1 54%,#f0ece8); }
.pn-auth-demo-map::before{ content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:46px 46px;opacity:.28; }
.pn-auth-demo-road{ position:absolute;height:13px;border-radius:99px;background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(208,213,220,.65);transform-origin:left center; }
.pn-auth-demo-road::after{ content:"";position:absolute;inset:5px 0 auto;height:1px;background:rgba(184,190,199,.5); }
.pn-auth-demo-road.road-a{ width:150%;left:-25%;top:33%;transform:rotate(22deg); }
.pn-auth-demo-road.road-b{ width:130%;left:-10%;top:70%;transform:rotate(-28deg); }
.pn-auth-demo-road.road-c{ width:110%;left:12%;top:49%;transform:rotate(-4deg); }
.pn-auth-demo-road.road-d{ width:90%;left:44%;top:9%;transform:rotate(65deg); }
.pn-auth-demo-river{ position:absolute;width:150%;height:48px;left:-25%;top:58%;border-radius:50%;border-top:18px solid rgba(99,173,201,.16);transform:rotate(-9deg); }
.pn-auth-demo-radius{ position:absolute;left:50%;top:56%;width:178px;height:178px;transform:translate(-50%,-50%);border:1px solid rgba(116,98,245,.34);border-radius:50%;background:rgba(116,98,245,.06); }
.pn-auth-demo-radius i{ position:absolute;inset:-1px;border:1px solid rgba(116,98,245,.38);border-radius:50%;animation:pnAuthRadar 2.8s ease-out infinite; }
.pn-auth-demo-you{ position:absolute;left:50%;top:56%;width:38px;height:38px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#7665f2,#515bd8);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(75,67,166,.24);font-size:7px;font-weight:900; }
.pn-auth-demo-you > i{ position:absolute;right:-5px;bottom:-4px;width:17px;height:17px;border:2px solid #fff;border-radius:50%;background:var(--pn-auth-purple);display:grid;place-items:center;font-style:normal; }
.pn-auth-demo-you .pn-icon-svg{ width:8px;height:8px; }
.pn-auth-demo-circle-pin{ position:absolute;min-width:70px;padding:5px 7px;border:1px solid rgba(255,255,255,.86);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 7px 16px rgba(31,31,45,.12);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:5px;text-align:left;font-size:9px;opacity:0;transform:scale(.75) translateY(8px); }
.pn-auth-demo-circle-pin > b{ font-size:5.4px;align-self:end;white-space:nowrap; }
.pn-auth-demo-circle-pin > small{ grid-column:2;color:#6d5ee4;font-size:4.4px;font-weight:850; }
.pn-auth-demo-circle-pin.auth-hike{ left:12%;top:23%;animation:pnAuthPinHike var(--pn-auth-cycle) cubic-bezier(.2,.9,.2,1) infinite; }
.pn-auth-demo-circle-pin.auth-coffee{ right:4%;top:45%;animation:pnAuthPinCoffee var(--pn-auth-cycle) cubic-bezier(.2,.9,.2,1) infinite; }
.pn-auth-demo-circle-pin.auth-photo{ right:13%;top:10%;animation:pnAuthPinPhoto var(--pn-auth-cycle) cubic-bezier(.2,.9,.2,1) infinite; }
.pn-auth-demo-radius-copy{ position:absolute;left:8px;top:8px;padding:6px 8px;border:1px solid rgba(255,255,255,.72);border-radius:10px;background:rgba(255,255,255,.91);display:grid;gap:1px;text-align:left;box-shadow:0 5px 14px rgba(30,32,44,.07); }
.pn-auth-demo-radius-copy b{ font-size:5.7px; }
.pn-auth-demo-radius-copy small{ color:#837d88;font-size:4.5px; }
.pn-auth-demo-map-controls{ position:absolute;right:7px;bottom:7px;display:grid;gap:4px; }
.pn-auth-demo-map-controls i{ width:28px;height:28px;border:1px solid rgba(255,255,255,.75);border-radius:9px;background:rgba(255,255,255,.94);color:#595560;display:grid;place-items:center;box-shadow:0 5px 12px rgba(31,29,40,.09);font-style:normal; }
.pn-auth-demo-map-controls i.is-primary{ background:var(--pn-auth-purple);color:#fff;border-color:transparent; }
.pn-auth-demo-map-controls .pn-icon-svg{ width:12px;height:12px; }
.pn-auth-demo-nearby-card{ position:absolute;left:7px;right:7px;bottom:7px;height:55px;padding:7px;border:1px solid var(--pn-auth-line);border-radius:13px;background:#fff;display:grid;grid-template-columns:36px 1fr auto;gap:7px;align-items:center;box-shadow:0 8px 22px rgba(29,26,38,.10);text-align:left; }
.pn-auth-demo-person-avatar{ width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#75d8d0,#25aa9f);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900; }
.pn-auth-demo-nearby-card > span:nth-child(2){ min-width:0;display:grid;gap:1px; }
.pn-auth-demo-nearby-card small{ color:#6e5ee7;font-size:4.3px;font-weight:900;letter-spacing:.06em; }
.pn-auth-demo-nearby-card strong{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6.5px; }
.pn-auth-demo-nearby-card em{ color:#8a8590;font-size:4.5px;font-style:normal; }
.pn-auth-demo-nearby-card button{ min-width:45px;height:27px;border:0;border-radius:9px;background:var(--pn-auth-purple);color:#fff;font-size:5.2px;font-weight:900; }
.pn-auth-demo-notifications{ box-shadow:0 -18px 45px rgba(36,29,47,.15); }
.pn-auth-demo-notification-head{ height:49px;padding:8px 2px 6px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--pn-auth-line); }
.pn-auth-demo-notification-head > span{ display:flex;align-items:center;gap:7px; }
.pn-auth-demo-notification-head > span > i{ width:28px;height:28px;border-radius:9px;background:var(--pn-auth-purple-soft);color:var(--pn-auth-purple);display:grid;place-items:center;font-style:normal; }
.pn-auth-demo-notification-head .pn-icon-svg{ width:12px;height:12px; }
.pn-auth-demo-notification-head b{ display:grid;gap:1px;text-align:left; }
.pn-auth-demo-notification-head small{ color:#8b8492;font-size:4.5px;letter-spacing:.08em; }
.pn-auth-demo-notification-head strong{ font-size:9px; }
.pn-auth-demo-notification-head > em{ width:24px;height:24px;border-radius:8px;background:#f5f4f7;display:grid;place-items:center;color:#857e8a;font-size:12px;font-style:normal; }
.pn-auth-demo-notification-tabs{ margin:6px 0;padding:2px;border-radius:9px;background:#f1f0f4;display:grid;grid-template-columns:repeat(4,1fr);gap:2px; }
.pn-auth-demo-notification-tabs i{ padding:5px 2px;border-radius:7px;color:#8a8490;font-size:4.8px;font-weight:850;font-style:normal;text-align:center; }
.pn-auth-demo-notification-tabs i.is-active{ background:#fff;color:#5e53d9;box-shadow:0 3px 8px rgba(35,30,44,.08); }
.pn-auth-demo-notification-item{ width:100%;min-height:73px;padding:9px 7px;border:0;border-radius:13px;background:rgba(116,98,245,.065);display:grid;grid-template-columns:42px minmax(0,1fr) 8px;gap:8px;align-items:center;text-align:left; }
.pn-auth-demo-notification-avatar{ position:relative;width:41px;height:41px;border-radius:13px;background:#f3f0e9;display:grid;place-items:center;font-size:18px; }
.pn-auth-demo-notification-avatar i{ position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#6e5ee8;color:#fff;display:grid;place-items:center;font-style:normal; }
.pn-auth-demo-notification-avatar .pn-icon-svg{ width:8px;height:8px; }
.pn-auth-demo-notification-item > span:nth-child(2){ min-width:0;display:grid;gap:2px; }
.pn-auth-demo-notification-item small{ color:#6c5ddd;font-size:4.3px;font-weight:900;letter-spacing:.05em; }
.pn-auth-demo-notification-item strong{ font-size:6.6px;line-height:1.25; }
.pn-auth-demo-notification-item em{ color:#837e89;font-size:5px;line-height:1.35;font-style:normal; }
.pn-auth-demo-notification-item > b{ color:#958e9a;font-size:12px; }
.pn-auth-demo-notification-context{ margin-top:7px;padding:8px;border:1px solid var(--pn-auth-line);border-radius:12px;display:flex;align-items:center;gap:7px;text-align:left; }
.pn-auth-demo-notification-context > i{ width:27px;height:27px;border-radius:9px;background:#eef0ff;color:#665be0;display:grid;place-items:center;font-style:normal; }
.pn-auth-demo-notification-context .pn-icon-svg{ width:12px;height:12px; }
.pn-auth-demo-notification-context > span{ display:grid;gap:2px; }
.pn-auth-demo-notification-context strong{ font-size:6px; }
.pn-auth-demo-notification-context small{ color:#8a8490;font-size:4.6px; }
.pn-auth-demo-circles-library{ position:absolute;inset:0;padding:9px;opacity:1;animation:pnAuthCircleLibrary var(--pn-auth-cycle) ease infinite; }
.pn-auth-demo-circle-title{ display:flex;justify-content:space-between;align-items:center;text-align:left; }
.pn-auth-demo-circle-title span{ display:grid;gap:1px; }
.pn-auth-demo-circle-title small{ color:#8b8492;font-size:4.5px;font-weight:900;letter-spacing:.08em; }
.pn-auth-demo-circle-title strong{ font-size:12px;letter-spacing:-.035em; }
.pn-auth-demo-circle-title > i{ width:26px;height:26px;border-radius:9px;background:var(--pn-auth-purple);color:#fff;display:grid;place-items:center;font-size:13px;font-style:normal;box-shadow:0 7px 15px rgba(116,98,245,.22); }
.pn-auth-demo-search{ height:29px;margin:7px 0;padding:0 9px;border:1px solid var(--pn-auth-line);border-radius:10px;background:#fff;color:#98929d;display:flex;align-items:center;gap:5px;font-size:9px; }
.pn-auth-demo-search span{ font-size:5.5px; }
.pn-auth-demo-category-chips{ margin-bottom:7px;display:flex;gap:4px;overflow:hidden; }
.pn-auth-demo-category-chips i{ padding:5px 7px;border:1px solid var(--pn-auth-line);border-radius:99px;background:#fff;color:#857e8b;font-size:4.6px;font-weight:800;font-style:normal;white-space:nowrap; }
.pn-auth-demo-category-chips i.is-active{ border-color:rgba(116,98,245,.17);background:var(--pn-auth-purple-soft);color:#6556da; }
.pn-auth-demo-real-circle-card{ overflow:hidden;border:1px solid var(--pn-auth-line);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(28,24,40,.055); }
.pn-auth-demo-circle-cover{ position:relative;height:74px;background:linear-gradient(145deg,#f0aa69,#536c55 58%,#263e46);overflow:hidden; }
.pn-auth-demo-circle-cover::before{ content:"";position:absolute;width:130px;height:130px;right:-30px;top:-70px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 27px rgba(255,255,255,.05); }
.pn-auth-demo-circle-cover > span{ position:absolute;left:12px;bottom:9px;font-size:25px; }
.pn-auth-demo-circle-cover > i{ position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:99px;background:rgba(16,28,35,.36);color:#fff;font-size:4.2px;font-weight:900;letter-spacing:.06em;font-style:normal; }
.pn-auth-demo-circle-copy{ padding:9px;text-align:left; }
.pn-auth-demo-circle-copy > small{ color:#6f61df;font-size:4.3px;font-weight:900;letter-spacing:.06em; }
.pn-auth-demo-circle-copy > strong{ display:block;margin:3px 0;font-size:9px; }
.pn-auth-demo-circle-copy > p{ margin:0;color:#817b87;font-size:5px;line-height:1.4; }
.pn-auth-demo-circle-copy > span{ margin:6px 0;display:flex;gap:3px; }
.pn-auth-demo-circle-copy > span i,
.pn-auth-demo-detail-tags i{ padding:3px 5px;border-radius:99px;background:#f3f4f7;color:#6e6973;font-size:4.3px;font-weight:750;font-style:normal; }
.pn-auth-demo-circle-copy footer{ padding-top:6px;border-top:1px solid var(--pn-auth-line);display:flex;justify-content:space-between;align-items:center; }
.pn-auth-demo-circle-copy footer b{ color:#7d7782;font-size:4.8px;display:flex;align-items:center;gap:3px; }
.pn-auth-demo-circle-copy footer .pn-icon-svg{ width:8px;height:8px; }
.pn-auth-demo-circle-copy footer em{ color:#6557de;font-size:5px;font-weight:900;font-style:normal; }
.pn-auth-demo-circle-detail{ position:absolute;inset:0;background:#fff;opacity:0;transform:translateX(18%);animation:pnAuthCircleDetail var(--pn-auth-cycle) cubic-bezier(.18,.82,.2,1) infinite; }
.pn-auth-demo-detail-cover{ position:relative;height:105px;overflow:hidden;background:linear-gradient(150deg,#f0aa69,#536c55 58%,#263e46); }
.pn-auth-demo-detail-cover::before{ content:"";position:absolute;width:170px;height:170px;right:-45px;top:-100px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.05); }
.pn-auth-demo-detail-cover > span{ position:absolute;left:9px;top:9px;width:25px;height:25px;border-radius:50%;background:rgba(15,22,30,.28);color:#fff;display:grid;place-items:center;font-size:13px; }
.pn-auth-demo-detail-cover > i{ position:absolute;right:9px;top:9px;padding:4px 6px;border-radius:99px;background:rgba(15,22,30,.3);color:#fff;font-size:4.3px;font-weight:900;font-style:normal; }
.pn-auth-demo-detail-cover > b{ position:absolute;left:14px;bottom:8px;font-size:29px; }
.pn-auth-demo-detail-body{ padding:10px;text-align:left; }
.pn-auth-demo-detail-body > small{ color:#6c5edf;font-size:4.5px;font-weight:900;letter-spacing:.06em; }
.pn-auth-demo-detail-body h3{ margin:3px 0 4px;font-size:14px;letter-spacing:-.04em; }
.pn-auth-demo-detail-body > p{ margin:0;color:#827c87;font-size:5.3px;line-height:1.42; }
.pn-auth-demo-detail-tags{ margin:7px 0;display:flex;gap:4px; }
.pn-auth-demo-members{ height:31px;padding:5px 7px;border:1px solid var(--pn-auth-line);border-radius:10px;background:#faf9fb;display:flex;align-items:center; }
.pn-auth-demo-members > span{ width:19px;height:19px;margin-left:-3px;border:2px solid #fff;border-radius:50%;background:#22ad9f;color:#fff;display:grid;place-items:center;font-size:4.5px;font-weight:900; }
.pn-auth-demo-members > span:nth-child(2){background:#ef904e}
.pn-auth-demo-members > span:nth-child(3){background:#7b64e6}
.pn-auth-demo-members > b{ margin-left:4px;color:#78727d;font-size:4.8px; }
.pn-auth-demo-members > em{ margin-left:auto;color:#5d51d5;font-size:4.6px;font-weight:850;font-style:normal; }
.pn-auth-demo-chat-row{ margin-top:6px;padding:7px;border:1px solid var(--pn-auth-line);border-radius:10px;background:#fff;display:grid;grid-template-columns:26px 1fr;gap:6px;align-items:center; }
.pn-auth-demo-chat-row > span{ width:26px;height:26px;border-radius:9px;background:#7a64e7;color:#fff;display:grid;place-items:center;font-size:6px;font-weight:900; }
.pn-auth-demo-chat-row p{ margin:0;display:grid;gap:2px; }
.pn-auth-demo-chat-row strong{ font-size:5.6px; }
.pn-auth-demo-chat-row small{ color:#77717c;font-size:4.7px;line-height:1.35; }
.pn-auth-demo-detail-body > button{ width:100%;height:31px;margin-top:7px;border:0;border-radius:10px;background:linear-gradient(145deg,#7462f5,#5b60e4);color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-size:5.7px;font-weight:900;box-shadow:0 8px 16px rgba(105,87,224,.22); }
.pn-auth-demo-detail-body > button .pn-icon-svg{ width:9px;height:9px; }
.pn-auth-demo-bottom-nav{ flex:0 0 55px;min-height:55px;padding:5px 8px 4px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(31,24,43,.08);position:relative;z-index:22; }
.pn-auth-demo-bottom-nav > span{ height:45px;color:#8b8594;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:5px;font-weight:750; }
.pn-auth-demo-bottom-nav .pn-icon-svg{ width:14px;height:14px; }
.pn-auth-demo-bottom-nav > span small{ font-size:4.3px; }
.pn-auth-demo-bottom-nav .pn-auth-nav-center{ width:42px;height:42px;margin:-17px auto 1px;border-radius:50%;background:linear-gradient(145deg,#7462f5,#6269ed);color:#fff;box-shadow:0 10px 22px rgba(102,89,223,.3); }
.pn-auth-demo-bottom-nav .pn-auth-nav-center .pn-icon-svg{ width:18px;height:18px; }
.pn-auth-nav-profile{ animation:pnAuthNavProfile var(--pn-auth-cycle) linear infinite; }
.pn-auth-nav-nearby{ animation:pnAuthNavNearby var(--pn-auth-cycle) linear infinite; }
.pn-auth-nav-circles{ animation:pnAuthNavCircles var(--pn-auth-cycle) linear infinite; }
@keyframes pnAuthProfile{ 0%,15.5%{opacity:1;transform:translateX(0)}18%{opacity:0;transform:translateX(-9%)}18.1%,100%{opacity:0} }
@keyframes pnAuthNearby{ 0%,16%{opacity:0;transform:translateX(10%)}19%,45%{opacity:1;transform:translateX(0)}47.5%,100%{opacity:0;transform:translateX(-5%)} }
@keyframes pnAuthNotifications{ 0%,44%{opacity:0;transform:translateY(18%)}47%,59%{opacity:1;transform:translateY(0)}61%,100%{opacity:0;transform:translateY(8%)} }
@keyframes pnAuthCircles{ 0%,58.5%{opacity:0;transform:translateX(8%)}61.5%,100%{opacity:1;transform:translateX(0)} }
@keyframes pnAuthCircleLibrary{ 0%,73.8%{opacity:1;transform:translateX(0)}78.3%{opacity:0;transform:translateX(-8%)}78.4%,100%{opacity:0} }
@keyframes pnAuthCircleDetail{ 0%,74%{opacity:0;transform:translateX(18%)}78.6%,100%{opacity:1;transform:translateX(0)} }
@keyframes pnAuthInterest{ 0%,2%{opacity:0;transform:translateY(5px) scale(.94)}5%,15.5%{opacity:1;transform:none}18%,100%{opacity:0} }
@keyframes pnAuthSaved{ 0%,10%{opacity:0;transform:translateY(5px)}12%,15.8%{opacity:1;transform:none}18%,100%{opacity:0} }
@keyframes pnAuthPinHike{ 0%,23%{opacity:0;transform:scale(.72) translateY(8px)}26%,45%{opacity:1;transform:none}47%,100%{opacity:0} }
@keyframes pnAuthPinCoffee{ 0%,28%{opacity:0;transform:scale(.72) translateY(8px)}31%,45%{opacity:1;transform:none}47%,100%{opacity:0} }
@keyframes pnAuthPinPhoto{ 0%,33%{opacity:0;transform:scale(.72) translateY(8px)}36%,45%{opacity:1;transform:none}47%,100%{opacity:0} }
@keyframes pnAuthNavProfile{ 0%,17%{color:#6553df}18%,100%{color:#8b8594} }
@keyframes pnAuthNavNearby{ 0%,17%{color:#8b8594}19%,58%{color:#6553df}60%,100%{color:#8b8594} }
@keyframes pnAuthNavCircles{ 0%,59%{color:#8b8594}62%,100%{color:#6553df} }
@keyframes pnAuthRadar{ 0%{transform:scale(.72);opacity:.6}75%,100%{transform:scale(1.2);opacity:0} }
.pn-guided-device:not(.is-story-playing) .pn-authentic-demo *,
.pn-guided-device:not(.is-story-playing) .pn-authentic-demo *::before,
.pn-guided-device:not(.is-story-playing) .pn-authentic-demo *::after,
.pn-landing-slide:not(.is-active) .pn-authentic-demo *,
.pn-landing-slide:not(.is-active) .pn-authentic-demo *::before,
.pn-landing-slide:not(.is-active) .pn-authentic-demo *::after{ animation-play-state:paused !important; }
@media (max-width:760px){
.pn-auth-demo-header{ flex-basis:41px;min-height:41px;padding:5px 7px; }
.pn-auth-demo-brand .pn-brand-mark{ width:22px;height:22px;border-radius:7px; }
.pn-auth-demo-brand .pn-brand-mark .pn-icon-svg{ width:11px;height:11px; }
.pn-auth-demo-brand strong{ font-size:8px; }
.pn-auth-demo-brand small{font-size:4px}
.pn-auth-demo-actions{gap:3px}
.pn-auth-demo-actions>i{width:21px;height:21px;border-radius:7px}
.pn-auth-demo-actions .pn-icon-svg{width:10px;height:10px}
.pn-auth-demo-actions i em{transform:scale(.78);transform-origin:right top}
.pn-auth-demo-modebar{ flex-basis:36px;min-height:36px;padding:4px 5px;gap:4px; }
.pn-auth-demo-mode-label small{font-size:3.5px}
.pn-auth-demo-mode-label strong{font-size:5.2px}
.pn-auth-demo-modes i{height:22px;padding-inline:2px}
.pn-auth-demo-modes b{font-size:3.6px}
.pn-auth-demo-modes .pn-icon-svg{width:6px;height:6px}
.pn-auth-demo-wallet{min-width:23px;height:22px}
.pn-auth-demo-wallet b{font-size:4.5px}
.pn-auth-demo-wallet .pn-icon-svg{width:7px;height:7px}
.pn-auth-demo-bottom-nav{ flex-basis:43px;min-height:43px;padding:4px 6px 3px; }
.pn-auth-demo-bottom-nav>span{height:35px}
.pn-auth-demo-bottom-nav .pn-icon-svg{width:11px;height:11px}
.pn-auth-demo-bottom-nav>span small{font-size:3.4px}
.pn-auth-demo-bottom-nav .pn-auth-nav-center{width:33px;height:33px;margin-top:-13px}
.pn-auth-demo-bottom-nav .pn-auth-nav-center .pn-icon-svg{width:14px;height:14px}
.pn-auth-demo-profile{ padding:6px; }
.pn-auth-demo-page-head{margin-bottom:4px}
.pn-auth-demo-page-head strong{font-size:9px}
.pn-auth-demo-page-head small{font-size:3.5px}
.pn-auth-demo-profile-hero{padding:5px;border-radius:9px;gap:5px}
.pn-auth-demo-avatar{width:28px;height:28px;border-radius:9px;font-size:6px}
.pn-auth-demo-avatar i{width:11px;height:11px}
.pn-auth-demo-profile-hero em{font-size:3.4px}
.pn-auth-demo-profile-hero strong{font-size:6.7px}
.pn-auth-demo-profile-hero small{font-size:3.7px}
.pn-auth-demo-tabs{margin:4px 0;gap:2px}
.pn-auth-demo-tabs i{height:19px;border-radius:6px;font-size:3.6px}
.pn-auth-demo-tabs .pn-icon-svg{width:6px;height:6px}
.pn-auth-demo-setting{padding:5px;border-radius:8px;grid-template-columns:21px 1fr 20px;gap:4px}
.pn-auth-demo-setting-icon{width:21px;height:21px;border-radius:7px}
.pn-auth-demo-setting-icon .pn-icon-svg{width:9px;height:9px}
.pn-auth-demo-setting strong{font-size:4.7px}
.pn-auth-demo-setting small{font-size:3.4px}
.pn-auth-demo-toggle{width:19px;height:11px}
.pn-auth-demo-toggle b{width:7px;height:7px}
.pn-auth-demo-section-label{margin:5px 1px 3px}
.pn-auth-demo-section-label strong{font-size:4.8px}
.pn-auth-demo-section-label small{font-size:3.4px}
.pn-auth-demo-interest-card{min-height:36px;padding:5px;border-radius:8px;gap:3px}
.pn-auth-demo-interest{padding:3px 5px;font-size:4px}
.pn-auth-demo-saved{margin-top:4px;padding:4px 5px;border-radius:8px;gap:5px}
.pn-auth-demo-saved>i{width:18px;height:18px;border-radius:6px}
.pn-auth-demo-saved strong{font-size:4.5px}
.pn-auth-demo-saved small{font-size:3.4px}
.pn-auth-demo-map{inset:0 0 49px}
.pn-auth-demo-radius{width:126px;height:126px}
.pn-auth-demo-you{width:29px;height:29px}
.pn-auth-demo-circle-pin{min-width:53px;padding:3px 5px;border-radius:7px;font-size:6px}
.pn-auth-demo-circle-pin>b{font-size:4px}
.pn-auth-demo-circle-pin>small{font-size:3.2px}
.pn-auth-demo-radius-copy{left:5px;top:5px;padding:4px 5px;border-radius:7px}
.pn-auth-demo-radius-copy b{font-size:4.2px}
.pn-auth-demo-radius-copy small{font-size:3.3px}
.pn-auth-demo-map-controls{right:5px;bottom:5px}
.pn-auth-demo-map-controls i{width:21px;height:21px;border-radius:7px}
.pn-auth-demo-nearby-card{left:5px;right:5px;bottom:5px;height:40px;padding:4px;border-radius:9px;grid-template-columns:27px 1fr auto;gap:4px}
.pn-auth-demo-person-avatar{width:27px;height:27px;border-radius:8px;font-size:6px}
.pn-auth-demo-nearby-card small{font-size:3px}
.pn-auth-demo-nearby-card strong{font-size:4.8px}
.pn-auth-demo-nearby-card em{font-size:3.3px}
.pn-auth-demo-nearby-card button{min-width:34px;height:21px;border-radius:7px;font-size:3.8px}
.pn-auth-demo-notifications{padding-inline:5px}
.pn-auth-demo-notification-head{height:37px;padding:5px 1px 4px}
.pn-auth-demo-notification-head>span>i{width:21px;height:21px;border-radius:7px}
.pn-auth-demo-notification-head small{font-size:3.3px}
.pn-auth-demo-notification-head strong{font-size:6.7px}
.pn-auth-demo-notification-head>em{width:18px;height:18px}
.pn-auth-demo-notification-tabs{margin:4px 0}
.pn-auth-demo-notification-tabs i{padding:3px 1px;font-size:3.5px}
.pn-auth-demo-notification-item{min-height:54px;padding:6px 5px;border-radius:9px;grid-template-columns:31px 1fr 6px;gap:6px}
.pn-auth-demo-notification-avatar{width:31px;height:31px;border-radius:9px;font-size:13px}
.pn-auth-demo-notification-avatar i{width:14px;height:14px}
.pn-auth-demo-notification-item small{font-size:3.1px}
.pn-auth-demo-notification-item strong{font-size:4.8px}
.pn-auth-demo-notification-item em{font-size:3.6px}
.pn-auth-demo-notification-context{margin-top:5px;padding:5px;border-radius:8px;gap:5px}
.pn-auth-demo-notification-context>i{width:21px;height:21px}
.pn-auth-demo-notification-context strong{font-size:4.5px}
.pn-auth-demo-notification-context small{font-size:3.4px}
.pn-auth-demo-circles-library{padding:6px}
.pn-auth-demo-circle-title small{font-size:3.3px}
.pn-auth-demo-circle-title strong{font-size:9px}
.pn-auth-demo-circle-title>i{width:20px;height:20px;border-radius:7px;font-size:10px}
.pn-auth-demo-search{height:22px;margin:4px 0;padding-inline:6px;border-radius:7px}
.pn-auth-demo-search span{font-size:4px}
.pn-auth-demo-category-chips{margin-bottom:4px;gap:3px}
.pn-auth-demo-category-chips i{padding:3px 5px;font-size:3.4px}
.pn-auth-demo-real-circle-card{border-radius:10px}
.pn-auth-demo-circle-cover{height:53px}
.pn-auth-demo-circle-cover>span{left:9px;bottom:6px;font-size:18px}
.pn-auth-demo-circle-cover>i{right:6px;top:6px;font-size:3.1px}
.pn-auth-demo-circle-copy{padding:6px}
.pn-auth-demo-circle-copy>small{font-size:3.1px}
.pn-auth-demo-circle-copy>strong{font-size:6.7px}
.pn-auth-demo-circle-copy>p{font-size:3.7px}
.pn-auth-demo-circle-copy>span{margin:4px 0}
.pn-auth-demo-circle-copy>span i{padding:2px 4px;font-size:3.1px}
.pn-auth-demo-circle-copy footer{padding-top:4px}
.pn-auth-demo-circle-copy footer b,
.pn-auth-demo-circle-copy footer em{font-size:3.5px}
.pn-auth-demo-detail-cover{height:76px}
.pn-auth-demo-detail-cover>span{left:6px;top:6px;width:19px;height:19px;font-size:10px}
.pn-auth-demo-detail-cover>i{right:6px;top:6px;font-size:3.1px}
.pn-auth-demo-detail-cover>b{left:10px;bottom:6px;font-size:21px}
.pn-auth-demo-detail-body{padding:7px}
.pn-auth-demo-detail-body>small{font-size:3.2px}
.pn-auth-demo-detail-body h3{font-size:10px}
.pn-auth-demo-detail-body>p{font-size:3.8px}
.pn-auth-demo-detail-tags{margin:4px 0}
.pn-auth-demo-detail-tags i{padding:2px 4px;font-size:3px}
.pn-auth-demo-members{height:23px;padding:3px 5px;border-radius:7px}
.pn-auth-demo-members>span{width:15px;height:15px;font-size:3px}
.pn-auth-demo-members>b,
.pn-auth-demo-members>em{font-size:3.3px}
.pn-auth-demo-chat-row{margin-top:4px;padding:4px;border-radius:7px;grid-template-columns:20px 1fr;gap:4px}
.pn-auth-demo-chat-row>span{width:20px;height:20px;border-radius:6px;font-size:4px}
.pn-auth-demo-chat-row strong{font-size:4px}
.pn-auth-demo-chat-row small{font-size:3.3px}
.pn-auth-demo-detail-body>button{height:23px;margin-top:4px;border-radius:7px;font-size:4.2px}
}
.pn-authentic-demo{
    --pn-auth-cycle: 26s;
    --pn-auth-friends-1: #6b67f4;
    --pn-auth-friends-2: #4d78f6;
    --pn-auth-business-1: #0fa390;
    --pn-auth-business-2: #1ac3a8;
    --pn-auth-romance-1: #ff5f9d;
    --pn-auth-romance-2: #ff7f8d;
}
.pn-auth-demo-header{
    padding: 8px 12px;
    border-bottom-color: rgba(34,29,50,.08);
    overflow: hidden;
    animation: pnAuthModeHeader var(--pn-auth-cycle) linear infinite;
}
.pn-auth-demo-header::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255,255,255,.08), transparent 42%), radial-gradient(circle at 84% 18%, rgba(255,255,255,.24), transparent 30%);
    pointer-events: none;
}
.pn-auth-demo-header::after{
    content: "";
    position: absolute;
    width: 154px;
    height: 112px;
    right: -34px;
    top: -32px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.22), transparent 68%);
    opacity: .72;
    pointer-events: none;
    animation: pnAuthModeGlow var(--pn-auth-cycle) linear infinite;
}
.pn-auth-demo-brand,
.pn-auth-demo-actions{ position: relative; z-index: 1; }
.pn-auth-demo-brand{ gap: 8px; }
.pn-auth-demo-brand .pn-brand-mark{
    width: 31px;
    height: 31px;
    border-radius: 11px;
    background: rgba(255,255,255,.19);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 6px 14px rgba(0,0,0,.09);
}
.pn-auth-demo-brand .pn-brand-mark .pn-icon-svg{ width: 16px; height: 16px; }
.pn-auth-demo-brand strong{ font-size: 11.8px; }
.pn-auth-demo-brand small{ font-size: 6.05px; }
.pn-auth-demo-actions{ gap: 6px; }
.pn-auth-demo-actions > i{
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.13);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}
.pn-auth-demo-actions .pn-icon-svg{ width: 13.5px; height: 13.5px; }
.pn-auth-demo-actions i em{ min-width: 13px; height: 13px; font-size: 5.2px; }
.pn-auth-demo-modebar{
    grid-template-columns: minmax(68px, auto) 1fr auto;
    gap: 7px;
    padding: 6px 8px;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,246,250,.98));
}
.pn-auth-demo-mode-label small{ font-size: 4.8px; letter-spacing: .08em; }
.pn-auth-demo-mode-label strong{
    position: relative;
    display: block;
    min-width: 68px;
    height: 10px;
    font-size: 7.6px;
    line-height: 1;
    overflow: hidden;
}
.pn-auth-demo-mode-label strong span{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateY(6px);
    animation-duration: var(--pn-auth-cycle);
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.2,.78,.2,1);
}
.pn-auth-demo-mode-label strong .is-friends{ animation-name: pnAuthModeWordFriends; }
.pn-auth-demo-mode-label strong .is-business{ animation-name: pnAuthModeWordBusiness; }
.pn-auth-demo-mode-label strong .is-romance{ animation-name: pnAuthModeWordRomance; }
.pn-auth-demo-modes{
    padding: 2px;
    gap: 2px;
    border-radius: 10px;
    background: linear-gradient(180deg, #efedf4, #f4f3f8);
}
.pn-auth-demo-modes .pn-auth-mode-chip{
    position: relative;
    min-width: 0;
    height: 30px;
    padding: 0 5px;
    border-radius: 8px;
    color: #8f8894;
    box-shadow: none;
    background: transparent;
    overflow: hidden;
    isolation: isolate;
}
.pn-auth-demo-modes .pn-auth-mode-chip::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    z-index: 0;
}
.pn-auth-demo-modes .pn-auth-mode-chip > *{ position: relative; z-index: 1; }
.pn-auth-demo-modes .pn-auth-mode-chip .pn-icon-svg{ width: 8.5px; height: 8.5px; }
.pn-auth-demo-modes .pn-auth-mode-chip b{ font-size: 5.15px; }
.pn-auth-demo-modes .pn-auth-mode-chip.is-friends{ animation: pnAuthModeChipFriends var(--pn-auth-cycle) linear infinite; }
.pn-auth-demo-modes .pn-auth-mode-chip.is-business{ animation: pnAuthModeChipBusiness var(--pn-auth-cycle) linear infinite; }
.pn-auth-demo-modes .pn-auth-mode-chip.is-romance{ animation: pnAuthModeChipRomance var(--pn-auth-cycle) linear infinite; }
.pn-auth-demo-modes .pn-auth-mode-chip.is-friends::before{
    background: linear-gradient(145deg, var(--pn-auth-friends-1), var(--pn-auth-friends-2));
    animation: pnAuthModeChipFillFriends var(--pn-auth-cycle) linear infinite;
}
.pn-auth-demo-modes .pn-auth-mode-chip.is-business::before{
    background: linear-gradient(145deg, var(--pn-auth-business-1), var(--pn-auth-business-2));
    animation: pnAuthModeChipFillBusiness var(--pn-auth-cycle) linear infinite;
}
.pn-auth-demo-modes .pn-auth-mode-chip.is-romance::before{
    background: linear-gradient(145deg, var(--pn-auth-romance-1), var(--pn-auth-romance-2));
    animation: pnAuthModeChipFillRomance var(--pn-auth-cycle) linear infinite;
}
.pn-auth-demo-wallet{
    min-width: 31px;
    height: 30px;
    padding: 0 6px;
    border-radius: 9px;
    border-color: rgba(105,94,233,.14);
    background: rgba(104,92,227,.08);
    color: #6255d7;
    animation: pnAuthWalletTheme var(--pn-auth-cycle) linear infinite;
}
.pn-auth-demo-wallet .pn-icon-svg{ width: 9.5px; height: 9.5px; }
.pn-auth-demo-wallet b{ font-size: 6.3px; }
.pn-auth-demo-page-head{ margin-bottom: 8px; }
.pn-auth-demo-page-head strong{ font-size: 12.7px; }
.pn-auth-demo-profile-hero{ padding: 9px; }
.pn-auth-demo-profile-hero em{ font-size: 4.8px; }
.pn-auth-demo-profile-hero strong{ font-size: 9.6px; }
.pn-auth-demo-profile-hero small{ font-size: 5.2px; }
.pn-auth-demo-tabs i{ font-size: 5.15px; }
.pn-auth-demo-setting strong,
.pn-auth-demo-section-label strong{ font-size: 6.55px; }
.pn-auth-demo-setting small,
.pn-auth-demo-page-head small,
.pn-auth-demo-section-label small{ font-size: 4.8px; }
.pn-auth-demo-interest-card{ min-height: 54px; }
.pn-auth-demo-interest{ padding: 5px 8px; font-size: 5.75px; }
.pn-auth-demo-saved strong{ font-size: 6.2px; }
.pn-auth-demo-saved small{ font-size: 4.9px; line-height: 1.35; }
.pn-auth-demo-map{
    background: linear-gradient(160deg, #eef3fb 0%, #ecf8f3 44%, #f7eef9 100%);
}
.pn-auth-demo-circle-pin{
    min-width: 78px;
    padding: 6px 8px;
    border-radius: 11px;
    box-shadow: 0 10px 20px rgba(28,32,44,.12);
}
.pn-auth-demo-circle-pin > b{ font-size: 6.05px; }
.pn-auth-demo-circle-pin > small{ font-size: 4.9px; }
.pn-auth-demo-radius-copy b{ font-size: 5.1px; }
.pn-auth-demo-radius-copy small{ font-size: 4.1px; }
.pn-auth-demo-nearby-card{
    height: 50px;
    padding: 6px;
    gap: 6px;
    align-items: center;
}
.pn-auth-demo-nearby-card small{ font-size: 4.25px; letter-spacing: .05em; }
.pn-auth-demo-nearby-card strong{ font-size: 6.2px; line-height: 1.18; }
.pn-auth-demo-nearby-card em{ font-size: 4.55px; }
.pn-auth-demo-nearby-card button{
    min-width: 44px;
    height: 26px;
    border-radius: 8px;
    font-size: 4.9px;
}
.pn-auth-demo-notification-head strong{ font-size: 8.1px; }
.pn-auth-demo-notification-tabs i{ font-size: 4.7px; }
.pn-auth-demo-notification-item{
    min-height: 76px;
    padding: 10px 8px;
    grid-template-columns: 42px minmax(0,1fr) 9px;
}
.pn-auth-demo-notification-item small{ font-size: 4.55px; }
.pn-auth-demo-notification-item strong{ font-size: 7.05px; }
.pn-auth-demo-notification-item em{ font-size: 5.2px; }
.pn-auth-demo-notification-context strong{ font-size: 5.4px; }
.pn-auth-demo-notification-context small{ font-size: 4.5px; }
.pn-auth-demo-circle-title strong{ font-size: 12.5px; }
.pn-auth-demo-search span{ font-size: 5.2px; }
.pn-auth-demo-category-chips i{ font-size: 4.55px; }
.pn-auth-demo-circle-cover{ background: linear-gradient(135deg, rgba(27,196,168,.88), rgba(112,105,243,.92) 68%, rgba(245,95,157,.9)); }
.pn-auth-demo-circle-cover::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 18%, rgba(255,255,255,.22), transparent 28%); }
.pn-auth-demo-circle-copy > small,
.pn-auth-demo-detail-body > small{ font-size: 4.2px; }
.pn-auth-demo-circle-copy > strong{ font-size: 8.55px; }
.pn-auth-demo-circle-copy > p{ font-size: 5px; line-height: 1.36; }
.pn-auth-demo-circle-copy > span i{ font-size: 4px; }
.pn-auth-demo-circle-copy footer b,
.pn-auth-demo-circle-copy footer em{ font-size: 4.45px; }
.pn-auth-demo-detail-cover{
    background: linear-gradient(135deg, rgba(27,196,168,.92), rgba(112,105,243,.95) 64%, rgba(245,95,157,.92));
}
.pn-auth-demo-detail-cover::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 35%), radial-gradient(circle at 78% 18%, rgba(255,255,255,.22), transparent 28%);
}
.pn-auth-demo-detail-body{ padding: 10px; }
.pn-auth-demo-detail-body h3{ font-size: 12.4px; }
.pn-auth-demo-detail-body > p{ font-size: 5.05px; line-height: 1.4; }
.pn-auth-demo-detail-tags i{ font-size: 4.05px; }
.pn-auth-demo-members > b,
.pn-auth-demo-members > em{ font-size: 4.55px; }
.pn-auth-demo-chat-row strong{ font-size: 4.9px; }
.pn-auth-demo-chat-row small{ font-size: 4.45px; line-height: 1.32; }
.pn-auth-demo-detail-body > button{
    height: 28px;
    margin-top: 6px;
    border-radius: 9px;
    font-size: 5.2px;
    background: linear-gradient(135deg, var(--pn-auth-friends-1), var(--pn-auth-friends-2));
    box-shadow: 0 10px 22px rgba(78,104,246,.26);
}
.pn-auth-demo-bottom-nav{
    background: linear-gradient(180deg, rgba(255,255,255,.985), rgba(246,245,249,.98));
}
.pn-auth-demo-bottom-nav > span{
    height: 46px;
    gap: 3px;
    font-size: 5.15px;
    transition: color .25s ease;
}
.pn-auth-demo-bottom-nav > span small{ font-size: 4.5px; }
.pn-auth-demo-bottom-nav .pn-auth-nav-center{
    width: 44px;
    height: 44px;
    margin-top: -18px;
    box-shadow: 0 12px 24px rgba(102,89,223,.26);
    animation: pnAuthCenterTheme var(--pn-auth-cycle) linear infinite;
}
.pn-auth-nav-profile{ animation: pnAuthNavProfile var(--pn-auth-cycle) linear infinite; }
.pn-auth-nav-nearby{ animation: pnAuthNavNearby var(--pn-auth-cycle) linear infinite; }
.pn-auth-nav-circles{ animation: pnAuthNavCircles var(--pn-auth-cycle) linear infinite; }
.pn-auth-nav-chats{ animation: none !important; }
@keyframes pnAuthProfile{ 0%,11.5%{opacity:1;transform:translateX(0)}14.2%{opacity:0;transform:translateX(-9%)}14.3%,100%{opacity:0} }
@keyframes pnAuthNearby{ 0%,12.6%{opacity:0;transform:translateX(10%)}15.6%,40%{opacity:1;transform:translateX(0)}42.8%,100%{opacity:0;transform:translateX(-5%)} }
@keyframes pnAuthNotifications{ 0%,39.4%{opacity:0;transform:translateY(18%)}42.2%,52.2%{opacity:1;transform:translateY(0)}54.6%,100%{opacity:0;transform:translateY(8%)} }
@keyframes pnAuthCircles{ 0%,52.1%{opacity:0;transform:translateX(8%)}55.1%,100%{opacity:1;transform:translateX(0)} }
@keyframes pnAuthCircleLibrary{ 0%,64.6%{opacity:1;transform:translateX(0)}69.6%{opacity:0;transform:translateX(-8%)}69.7%,100%{opacity:0} }
@keyframes pnAuthCircleDetail{ 0%,68%{opacity:0;transform:translateX(18%)}76.9%,100%{opacity:1;transform:translateX(0)} }
@keyframes pnAuthInterest{ 0%,1.5%{opacity:0;transform:translateY(5px) scale(.94)}3.5%,11.6%{opacity:1;transform:none}14.3%,100%{opacity:0} }
@keyframes pnAuthSaved{ 0%,7.2%{opacity:0;transform:translateY(5px)}9.2%,11.9%{opacity:1;transform:none}14.3%,100%{opacity:0} }
@keyframes pnAuthPinHike{ 0%,18.5%{opacity:0;transform:scale(.72) translateY(8px)}21.1%,39.8%{opacity:1;transform:none}42.8%,100%{opacity:0} }
@keyframes pnAuthPinCoffee{ 0%,22.2%{opacity:0;transform:scale(.72) translateY(8px)}24.8%,39.8%{opacity:1;transform:none}42.8%,100%{opacity:0} }
@keyframes pnAuthPinPhoto{ 0%,25.6%{opacity:0;transform:scale(.72) translateY(8px)}28.3%,39.8%{opacity:1;transform:none}42.8%,100%{opacity:0} }
@keyframes pnAuthModeHeader{
    0%,11.5%,32%,100% { background: linear-gradient(135deg, var(--pn-auth-friends-1) 0%, #6673f4 48%, var(--pn-auth-friends-2) 100%); box-shadow: 0 8px 22px rgba(85,94,232,.19); }
    12%,21.5% { background: linear-gradient(135deg, var(--pn-auth-business-1) 0%, #12b7a1 52%, var(--pn-auth-business-2) 100%); box-shadow: 0 8px 22px rgba(18,176,154,.18); }
    22%,31.5% { background: linear-gradient(135deg, var(--pn-auth-romance-1) 0%, #ff6c95 50%, var(--pn-auth-romance-2) 100%); box-shadow: 0 8px 22px rgba(255,101,154,.18); }
}
@keyframes pnAuthModeGlow{
    0%,11.5%,32%,100% { transform: scale(1) translate(0,0); opacity: .74; }
    12%,21.5% { transform: scale(1.03) translate(-4px, 2px); opacity: .8; }
    22%,31.5% { transform: scale(1.05) translate(-6px, 4px); opacity: .82; }
}
@keyframes pnAuthModeWordFriends{ 0%,11.4%,32%,100% { opacity:1; transform:translateY(0);} 12%,31.9% { opacity:0; transform:translateY(6px);} }
@keyframes pnAuthModeWordBusiness{ 0%,11.7%,21.4%,100% { opacity:0; transform:translateY(6px);} 12.2%,20.9% { opacity:1; transform:translateY(0);} }
@keyframes pnAuthModeWordRomance{ 0%,21.7%,31.4%,100% { opacity:0; transform:translateY(6px);} 22.2%,30.9% { opacity:1; transform:translateY(0);} }
@keyframes pnAuthModeChipFriends{
    0%,11.4%,32%,100% { color:#fff; box-shadow:0 7px 15px rgba(93,105,240,.26); transform:none; }
    12%,31.9% { color:#8f8894; box-shadow:none; }
}
@keyframes pnAuthModeChipFillFriends{ 0%,11.4%,32%,100% { opacity:1; } 12%,31.9% { opacity:0; } }
@keyframes pnAuthModeChipBusiness{
    0%,11.8%,21.4%,100% { color:#8f8894; box-shadow:none; }
    12.2%,20.9% { color:#fff; box-shadow:0 7px 15px rgba(22,182,157,.24); }
}
@keyframes pnAuthModeChipFillBusiness{ 0%,11.8%,21.4%,100% { opacity:0; } 12.2%,20.9% { opacity:1; } }
@keyframes pnAuthModeChipRomance{
    0%,21.8%,31.4%,100% { color:#8f8894; box-shadow:none; }
    22.2%,30.9% { color:#fff; box-shadow:0 7px 15px rgba(255,101,154,.22); }
}
@keyframes pnAuthModeChipFillRomance{ 0%,21.8%,31.4%,100% { opacity:0; } 22.2%,30.9% { opacity:1; } }
@keyframes pnAuthWalletTheme{
    0%,11.5%,32%,100% { border-color: rgba(106,102,244,.16); background: rgba(106,102,244,.09); color:#5f57da; }
    12%,21.5% { border-color: rgba(15,163,144,.17); background: rgba(15,163,144,.09); color:#118a7c; }
    22%,31.5% { border-color: rgba(255,95,157,.18); background: rgba(255,95,157,.09); color:#e8558b; }
}
@keyframes pnAuthCenterTheme{
    0%,11.5%,32%,100% { background: linear-gradient(145deg, var(--pn-auth-friends-1), var(--pn-auth-friends-2)); box-shadow: 0 12px 24px rgba(93,105,240,.28); }
    12%,21.5% { background: linear-gradient(145deg, var(--pn-auth-business-1), var(--pn-auth-business-2)); box-shadow: 0 12px 24px rgba(18,176,154,.24); }
    22%,31.5% { background: linear-gradient(145deg, var(--pn-auth-romance-1), var(--pn-auth-romance-2)); box-shadow: 0 12px 24px rgba(255,101,154,.22); }
}
@keyframes pnAuthNavProfile{
    0%,11.5% { color:#5d69f0; }
    12%,21.5% { color:#16af97; }
    22%,31.5% { color:#f35a94; }
    32%,100% { color:#8b8594; }
}
@keyframes pnAuthNavNearby{
    0%,15.5% { color:#8b8594; }
    15.6%,21.5% { color:#16af97; }
    22%,31.5% { color:#f35a94; }
    32%,54.5% { color:#5d69f0; }
    54.6%,100% { color:#8b8594; }
}
@keyframes pnAuthNavCircles{
    0%,54.5% { color:#8b8594; }
    55.1%,100% { color:#5d69f0; }
}
@media (max-width:760px){
.pn-auth-demo-header{ flex-basis: 43px; min-height: 43px; padding: 5px 8px; }
.pn-auth-demo-brand{ gap: 6px; }
.pn-auth-demo-brand .pn-brand-mark{ width: 23px; height: 23px; border-radius: 8px; }
.pn-auth-demo-brand .pn-brand-mark .pn-icon-svg{ width: 11px; height: 11px; }
.pn-auth-demo-brand strong{ font-size: 8.4px; }
.pn-auth-demo-brand small{ font-size: 4.15px; }
.pn-auth-demo-actions{ gap: 4px; }
.pn-auth-demo-actions > i{ width: 22px; height: 22px; border-radius: 8px; }
.pn-auth-demo-actions .pn-icon-svg{ width: 10px; height: 10px; }
.pn-auth-demo-modebar{ flex-basis: 38px; min-height: 38px; padding: 4px 6px; gap: 5px; grid-template-columns: 60px 1fr 25px; }
.pn-auth-demo-mode-label small{ font-size: 3.75px; }
.pn-auth-demo-mode-label strong{ min-width: 58px; height: 8px; font-size: 5.8px; }
.pn-auth-demo-modes .pn-auth-mode-chip{ height: 23px; padding-inline: 2px; }
.pn-auth-demo-modes .pn-auth-mode-chip .pn-icon-svg{ width: 6.2px; height: 6.2px; }
.pn-auth-demo-modes .pn-auth-mode-chip b{ font-size: 3.9px; }
.pn-auth-demo-wallet{ min-width: 24px; height: 23px; padding: 0 4px; }
.pn-auth-demo-wallet b{ font-size: 4.8px; }
.pn-auth-demo-wallet .pn-icon-svg{ width: 7px; height: 7px; }
.pn-auth-demo-page-head strong{ font-size: 9.4px; }
.pn-auth-demo-page-head small,
.pn-auth-demo-setting small,
.pn-auth-demo-section-label small{ font-size: 3.85px; }
.pn-auth-demo-profile-hero strong{ font-size: 7.05px; }
.pn-auth-demo-profile-hero small{ font-size: 3.95px; }
.pn-auth-demo-profile-hero em{ font-size: 3.7px; }
.pn-auth-demo-tabs i{ font-size: 3.9px; }
.pn-auth-demo-setting strong,
.pn-auth-demo-section-label strong{ font-size: 5px; }
.pn-auth-demo-interest{ font-size: 4.3px; }
.pn-auth-demo-saved strong{ font-size: 4.8px; }
.pn-auth-demo-saved small{ font-size: 3.7px; }
.pn-auth-demo-map{ inset: 0 0 50px; }
.pn-auth-demo-circle-pin{ min-width: 60px; padding: 4px 6px; }
.pn-auth-demo-circle-pin > b{ font-size: 4.45px; }
.pn-auth-demo-circle-pin > small{ font-size: 3.55px; }
.pn-auth-demo-radius-copy b{ font-size: 4.45px; }
.pn-auth-demo-radius-copy small{ font-size: 3.6px; }
.pn-auth-demo-nearby-card{ height: 43px; padding: 5px; gap: 5px; }
.pn-auth-demo-nearby-card small{ font-size: 3.45px; }
.pn-auth-demo-nearby-card strong{ font-size: 5.2px; }
.pn-auth-demo-nearby-card em{ font-size: 3.8px; }
.pn-auth-demo-nearby-card button{ min-width: 37px; height: 22px; font-size: 4.1px; }
.pn-auth-demo-notification-head strong{ font-size: 7px; }
.pn-auth-demo-notification-head small,
.pn-auth-demo-notification-tabs i{ font-size: 3.7px; }
.pn-auth-demo-notification-item{ min-height: 57px; padding: 6px 5px; gap: 6px; }
.pn-auth-demo-notification-item small{ font-size: 3.5px; }
.pn-auth-demo-notification-item strong{ font-size: 5.35px; }
.pn-auth-demo-notification-item em{ font-size: 3.95px; }
.pn-auth-demo-notification-context strong{ font-size: 4.8px; }
.pn-auth-demo-notification-context small{ font-size: 3.7px; }
.pn-auth-demo-circle-title strong{ font-size: 9.6px; }
.pn-auth-demo-search span{ font-size: 4.25px; }
.pn-auth-demo-category-chips i{ font-size: 3.65px; }
.pn-auth-demo-circle-copy > small,
.pn-auth-demo-detail-body > small{ font-size: 3.45px; }
.pn-auth-demo-circle-copy > strong{ font-size: 7.05px; }
.pn-auth-demo-circle-copy > p{ font-size: 4px; }
.pn-auth-demo-circle-copy > span i{ font-size: 3.25px; }
.pn-auth-demo-circle-copy footer b,
.pn-auth-demo-circle-copy footer em{ font-size: 3.75px; }
.pn-auth-demo-detail-body{ padding: 8px; }
.pn-auth-demo-detail-body h3{ font-size: 10.3px; }
.pn-auth-demo-detail-body > p{ font-size: 4.15px; }
.pn-auth-demo-detail-tags i{ font-size: 3.25px; }
.pn-auth-demo-members > b,
.pn-auth-demo-members > em{ font-size: 3.6px; }
.pn-auth-demo-chat-row strong{ font-size: 4.2px; }
.pn-auth-demo-chat-row small{ font-size: 3.7px; }
.pn-auth-demo-detail-body > button{ font-size: 4.45px; }
.pn-auth-demo-bottom-nav > span small{ font-size: 3.7px; }
.pn-auth-demo-bottom-nav .pn-auth-nav-center{ width: 34px; height: 34px; }
}
.pn-auth-demo-final{
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    background: linear-gradient(180deg, #fbfbfe 0%, #f6f5fb 100%);
    animation: pnAuthFinal var(--pn-auth-cycle) cubic-bezier(.18,.82,.2,1) infinite;
}
.pn-auth-demo-final::before,
.pn-auth-demo-final::after{
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(0px);
    pointer-events: none;
}
.pn-auth-demo-final::before{
    width: 180px;
    height: 180px;
    top: -72px;
    left: -64px;
    background: radial-gradient(circle, rgba(105, 98, 245, .12), transparent 70%);
}
.pn-auth-demo-final::after{
    width: 170px;
    height: 170px;
    right: -60px;
    bottom: -86px;
    background: radial-gradient(circle, rgba(17, 195, 167, .12), transparent 70%);
}
.pn-auth-demo-final-mark{
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, rgba(109, 102, 245, .14), rgba(27,196,168,.14));
    color: #5d63eb;
    box-shadow: inset 0 0 0 1px rgba(109, 102, 245, .08), 0 16px 32px rgba(79, 88, 206, .12);
}
.pn-auth-demo-final-mark > span{
    position: absolute;
    inset: 9px;
    border-radius: 16px;
    background: linear-gradient(145deg, #ffffff, rgba(255,255,255,.88));
}
.pn-auth-demo-final-mark .pn-icon-svg{ position: relative; z-index: 2; width: 27px; height: 27px; }
.pn-auth-demo-final-mark i{
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7266f2;
    opacity: .9;
}
.pn-auth-demo-final-mark .spark-one{ left: -10px; top: 8px; }
.pn-auth-demo-final-mark .spark-two{ right: -10px; top: 18px; background: #21baa3; }
.pn-auth-demo-final-mark .spark-three{ left: 4px; bottom: -9px; background: #f36b9f; }
.pn-auth-demo-final > small{
    position: relative;
    z-index: 1;
    color: #8a8397;
    font-size: 4.9px;
    font-weight: 900;
    letter-spacing: .16em;
}
.pn-auth-demo-final h3{
    position: relative;
    z-index: 1;
    margin: 0;
    color: #181c2a;
    font-size: 18px;
    line-height: 1.02;
    letter-spacing: -.045em;
}
.pn-auth-demo-final p{
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 172px;
    color: #7c8393;
    font-size: 5.4px;
    line-height: 1.45;
}
@keyframes pnAuthCircles{ 0%,52.1%{opacity:0;transform:translateX(8%)}55.1%,79.2%{opacity:1;transform:translateX(0)}80.5%,100%{opacity:0;transform:translateX(-4%)} }
@keyframes pnAuthCircleLibrary{ 0%,64.2%{opacity:1;transform:translateX(0)}68.7%{opacity:0;transform:translateX(-8%)}68.8%,100%{opacity:0} }
@keyframes pnAuthCircleDetail{ 0%,67.8%{opacity:0;transform:translateX(18%)}72.8%,79.2%{opacity:1;transform:translateX(0)}80.5%,100%{opacity:0;transform:translateX(-5%)} }
@keyframes pnAuthFinal{ 0%,79.3%{opacity:0;transform:translateY(10%) scale(.98)}80.8%,100%{opacity:1;transform:translateY(0) scale(1)} }
@media (max-width:760px){
.pn-auth-demo-final{ padding: 15px 12px 12px; gap: 5px; }
.pn-auth-demo-final-mark{ width: 48px; height: 48px; border-radius: 16px; }
.pn-auth-demo-final-mark > span{ inset: 7px; border-radius: 12px; }
.pn-auth-demo-final-mark .pn-icon-svg{ width: 21px; height: 21px; }
.pn-auth-demo-final-mark i{ width: 6px; height: 6px; }
.pn-auth-demo-final > small{ font-size: 3.8px; }
.pn-auth-demo-final h3{ font-size: 14px; }
.pn-auth-demo-final p{ max-width: 138px; font-size: 4.15px; }
}
.pn-auth-demo-map{
    background:
        radial-gradient(circle at 16% 18%, rgba(174, 216, 191, .34), transparent 17%),
        radial-gradient(circle at 82% 78%, rgba(184, 204, 238, .26), transparent 19%),
        linear-gradient(160deg, #eef3f3 0%, #edf3ef 36%, #eef1f7 100%);
}
.pn-auth-demo-map::before{
    opacity: 1;
    background:
        linear-gradient(26deg, rgba(207,214,218,.34) 0 2px, transparent 2px 44px),
        linear-gradient(116deg, rgba(207,214,218,.26) 0 2px, transparent 2px 48px),
        radial-gradient(circle at 23% 67%, rgba(180, 217, 190, .16), transparent 20%),
        radial-gradient(circle at 78% 22%, rgba(194, 214, 236, .13), transparent 18%);
    background-size: 84px 84px, 92px 92px, 100% 100%, 100% 100%;
}
.pn-auth-demo-road{
    height: var(--road-h, 16px);
    border-radius: 999px;
    background: linear-gradient(180deg, #fbfbfd 0%, #f4f5f7 100%);
    box-shadow:
        0 0 0 1px rgba(193,200,208,.92),
        inset 0 1px 0 rgba(255,255,255,.85),
        inset 0 -1px 0 rgba(212,217,223,.72),
        0 6px 14px rgba(107,116,128,.08);
    overflow: hidden;
}
.pn-auth-demo-road::before{
    content: "";
    position: absolute;
    inset: -4px -2px;
    border-radius: inherit;
    background: rgba(203, 209, 216, .22);
    z-index: -1;
}
.pn-auth-demo-road::after{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
    border-radius: 99px;
    background: repeating-linear-gradient(90deg, rgba(196,202,210,.94) 0 10px, rgba(196,202,210,0) 10px 18px);
    opacity: .9;
}
.pn-auth-demo-road.road-a{
    --road-h: 18px;
    width: 122%;
    left: -6%;
    top: 49%;
    transform: rotate(-11deg);
}
.pn-auth-demo-road.road-b{
    --road-h: 17px;
    width: 114%;
    left: -2%;
    top: 22%;
    transform: rotate(34deg);
}
.pn-auth-demo-road.road-c{
    --road-h: 15px;
    width: 88%;
    left: 35%;
    top: 8%;
    transform: rotate(79deg);
}
.pn-auth-demo-road.road-d{
    --road-h: 14px;
    width: 62%;
    left: -9%;
    top: 72%;
    transform: rotate(12deg);
}
.pn-auth-demo-river{
    width: 165%;
    height: 64px;
    left: -30%;
    top: 53%;
    border-radius: 50%;
    border-top: 22px solid rgba(103, 165, 210, .22);
    box-shadow: 0 -1px 0 rgba(92,155,201,.11);
    transform: rotate(-10deg);
}
.pn-auth-demo-map .pn-auth-demo-radius{
    box-shadow: 0 0 0 1px rgba(104, 98, 245, .14), inset 0 0 0 1px rgba(115,108,247,.05);
}
.pn-auth-demo-map .pn-auth-demo-you{
    box-shadow: 0 10px 16px rgba(63,66,154,.16), 0 0 0 4px rgba(255,255,255,.72);
}
@media (max-width:760px){
.pn-auth-demo-map::before{
        background-size: 64px 64px, 72px 72px, 100% 100%, 100% 100%;
    }
.pn-auth-demo-road::after{
        left: 7px;
        right: 7px;
        height: 1px;
        background: repeating-linear-gradient(90deg, rgba(196,202,210,.96) 0 6px, rgba(196,202,210,0) 6px 11px);
    }
.pn-auth-demo-road.road-a{ --road-h: 14px; top: 49%; }
.pn-auth-demo-road.road-b{ --road-h: 13px; top: 24%; }
.pn-auth-demo-road.road-c{ --road-h: 12px; top: 8%; }
.pn-auth-demo-road.road-d{ --road-h: 11px; top: 74%; }
.pn-auth-demo-river{
        height: 52px;
        top: 56%;
        border-top-width: 18px;
    }
}
.pn-auth-demo-cursor{
    position: absolute;
    z-index: 80;
    width: 18px;
    height: 22px;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    transform: translate(-2px,-2px);
    transform-origin: 4px 4px;
    filter: drop-shadow(0 2px 3px rgba(17,20,31,.28));
}
.pn-auth-demo-cursor svg{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.pn-auth-demo-cursor svg path{
    fill: rgba(255,255,255,.98);
    stroke: #202331;
    stroke-width: 1.25;
    stroke-linejoin: round;
}
.pn-auth-demo-cursor > i{
    position: absolute;
    z-index: 1;
    left: 1px;
    top: 1px;
    width: 18px;
    height: 18px;
    margin: -7px 0 0 -7px;
    border: 1.5px solid rgba(103,98,241,.72);
    border-radius: 50%;
    background: rgba(103,98,241,.09);
    opacity: 0;
    transform: scale(.2);
}
.pn-auth-demo-cursor.is-mode{
    animation: pnAuthModeCursor var(--pn-auth-cycle) cubic-bezier(.22,.78,.2,1) infinite;
}
.pn-auth-demo-cursor.is-mode > i{
    animation: pnAuthModeCursorPulse var(--pn-auth-cycle) ease-out infinite;
}
.pn-auth-demo-cursor.is-nav{
    animation: pnAuthNavCursor var(--pn-auth-cycle) cubic-bezier(.22,.78,.2,1) infinite;
}
.pn-auth-demo-cursor.is-nav > i{
    animation: pnAuthNavCursorPulse var(--pn-auth-cycle) ease-out infinite;
}
@keyframes pnAuthModeHeader{
    0%,8.6%,24.2%,100% { background:linear-gradient(135deg,var(--pn-auth-friends-1) 0%,#6673f4 48%,var(--pn-auth-friends-2) 100%);box-shadow:0 8px 22px rgba(85,94,232,.19); }
    9%,16% { background:linear-gradient(135deg,var(--pn-auth-business-1) 0%,#12b7a1 52%,var(--pn-auth-business-2) 100%);box-shadow:0 8px 22px rgba(18,176,154,.18); }
    16.5%,23.7% { background:linear-gradient(135deg,var(--pn-auth-romance-1) 0%,#ff6c95 50%,var(--pn-auth-romance-2) 100%);box-shadow:0 8px 22px rgba(255,101,154,.18); }
}
@keyframes pnAuthModeGlow{
    0%,8.6%,24.2%,100% { transform:scale(1);opacity:.74; }
    9%,16% { transform:scale(1.03) translate(-4px,2px);opacity:.8; }
    16.5%,23.7% { transform:scale(1.05) translate(-6px,4px);opacity:.82; }
}
@keyframes pnAuthModeWordFriends{ 0%,8.6%,24.2%,100%{opacity:1;transform:translateY(0)}9%,23.7%{opacity:0;transform:translateY(6px)} }
@keyframes pnAuthModeWordBusiness{ 0%,8.8%,16.2%,100%{opacity:0;transform:translateY(6px)}9.1%,15.9%{opacity:1;transform:translateY(0)} }
@keyframes pnAuthModeWordRomance{ 0%,16.3%,23.9%,100%{opacity:0;transform:translateY(6px)}16.6%,23.6%{opacity:1;transform:translateY(0)} }
@keyframes pnAuthModeChipFriends{ 0%,8.6%,24.2%,100%{color:#fff;box-shadow:0 7px 15px rgba(93,105,240,.26)}9%,23.7%{color:#8f8894;box-shadow:none} }
@keyframes pnAuthModeChipFillFriends{ 0%,8.6%,24.2%,100%{opacity:1}9%,23.7%{opacity:0} }
@keyframes pnAuthModeChipBusiness{ 0%,8.8%,16.2%,100%{color:#8f8894;box-shadow:none}9.1%,15.9%{color:#fff;box-shadow:0 7px 15px rgba(22,182,157,.24)} }
@keyframes pnAuthModeChipFillBusiness{ 0%,8.8%,16.2%,100%{opacity:0}9.1%,15.9%{opacity:1} }
@keyframes pnAuthModeChipRomance{ 0%,16.3%,23.9%,100%{color:#8f8894;box-shadow:none}16.6%,23.6%{color:#fff;box-shadow:0 7px 15px rgba(255,101,154,.22)} }
@keyframes pnAuthModeChipFillRomance{ 0%,16.3%,23.9%,100%{opacity:0}16.6%,23.6%{opacity:1} }
@keyframes pnAuthWalletTheme{
    0%,8.6%,24.2%,100%{border-color:rgba(106,102,244,.16);background:rgba(106,102,244,.09);color:#5f57da}
    9%,16%{border-color:rgba(15,163,144,.17);background:rgba(15,163,144,.09);color:#118a7c}
    16.5%,23.7%{border-color:rgba(255,95,157,.18);background:rgba(255,95,157,.09);color:#e8558b}
}
@keyframes pnAuthCenterTheme{
    0%,8.6%,24.2%,100%{background:linear-gradient(145deg,var(--pn-auth-friends-1),var(--pn-auth-friends-2));box-shadow:0 12px 24px rgba(93,105,240,.28)}
    9%,16%{background:linear-gradient(145deg,var(--pn-auth-business-1),var(--pn-auth-business-2));box-shadow:0 12px 24px rgba(18,176,154,.24)}
    16.5%,23.7%{background:linear-gradient(145deg,var(--pn-auth-romance-1),var(--pn-auth-romance-2));box-shadow:0 12px 24px rgba(255,101,154,.22)}
}
@keyframes pnAuthProfile{ 0%,30.1%{opacity:1;transform:translateX(0)}31.3%{opacity:0;transform:translateX(-9%)}31.4%,100%{opacity:0} }
@keyframes pnAuthNearby{ 0%,30.1%{opacity:0;transform:translateX(10%)}31.4%,47.8%{opacity:1;transform:translateX(0)}49%,100%{opacity:0;transform:translateX(-5%)} }
@keyframes pnAuthNotifications{ 0%,47.7%{opacity:0;transform:translateY(18%)}49.1%,56.7%{opacity:1;transform:translateY(0)}58.2%,100%{opacity:0;transform:translateY(8%)} }
@keyframes pnAuthCircles{ 0%,57.7%{opacity:0;transform:translateX(8%)}59.1%,79.3%{opacity:1;transform:translateX(0)}80.5%,100%{opacity:0;transform:translateX(-4%)} }
@keyframes pnAuthCircleLibrary{ 0%,58.9%{opacity:1;transform:translateX(0)}67.2%{opacity:1;transform:translateX(0)}68.5%{opacity:0;transform:translateX(-8%)}68.6%,100%{opacity:0} }
@keyframes pnAuthCircleDetail{ 0%,67.2%{opacity:0;transform:translateX(18%)}68.7%,79.3%{opacity:1;transform:translateX(0)}80.5%,100%{opacity:0;transform:translateX(-5%)} }
@keyframes pnAuthFinal{ 0%,79.4%{opacity:0;transform:translateY(10%) scale(.98)}80.8%,100%{opacity:1;transform:translateY(0) scale(1)} }
@keyframes pnAuthInterest{ 0%,1.5%{opacity:0;transform:translateY(5px) scale(.94)}3.4%,28.8%{opacity:1;transform:none}30.5%,100%{opacity:0} }
@keyframes pnAuthSaved{ 0%,21%{opacity:0;transform:translateY(5px)}23%,29%{opacity:1;transform:none}30.6%,100%{opacity:0} }
@keyframes pnAuthPinHike{ 0%,33%{opacity:0;transform:scale(.72) translateY(8px)}35%,47.5%{opacity:1;transform:none}49%,100%{opacity:0} }
@keyframes pnAuthPinCoffee{ 0%,36%{opacity:0;transform:scale(.72) translateY(8px)}38%,47.5%{opacity:1;transform:none}49%,100%{opacity:0} }
@keyframes pnAuthPinPhoto{ 0%,39%{opacity:0;transform:scale(.72) translateY(8px)}41%,47.5%{opacity:1;transform:none}49%,100%{opacity:0} }
@keyframes pnAuthNavProfile{ 0%,30.2%{color:#5d69f0}31%,100%{color:#8b8594} }
@keyframes pnAuthNavNearby{ 0%,30.2%{color:#8b8594}31%,58%{color:#5d69f0}58.8%,100%{color:#8b8594} }
@keyframes pnAuthNavCircles{ 0%,58%{color:#8b8594}58.8%,79.5%{color:#5d69f0}80.6%,100%{color:#8b8594} }
@keyframes pnAuthModeCursor{
    0%,4% { left:44%;top:16%;opacity:0;transform:translate(-2px,-2px) scale(1); }
    6% { left:63%;top:16%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    8.1% { left:63%;top:16%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    8.6% { left:63%;top:16%;opacity:1;transform:translate(-1px,-1px) scale(.82); }
    9.2% { left:63%;top:16%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    13.4% { left:79%;top:16%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    16% { left:79%;top:16%;opacity:1;transform:translate(-1px,-1px) scale(.82); }
    16.6% { left:79%;top:16%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    20.6% { left:48%;top:16%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    23.6% { left:48%;top:16%;opacity:1;transform:translate(-1px,-1px) scale(.82); }
    24.2% { left:48%;top:16%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    26.5%,100% { left:48%;top:16%;opacity:0;transform:translate(-2px,-2px) scale(1); }
}
@keyframes pnAuthModeCursorPulse{
    0%,8.1%,9.3%,15.5%,16.8%,23.1%,24.4%,100%{opacity:0;transform:scale(.2)}
    8.55%,16%,23.6%{opacity:.85;transform:scale(.55)}
    9.15%,16.65%,24.25%{opacity:0;transform:scale(1.65)}
}
@keyframes pnAuthNavCursor{
    0%,26.5% { left:90%;top:92%;opacity:0;transform:translate(-2px,-2px) scale(1); }
    28.2% { left:10%;top:94%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    29.7% { left:10%;top:94%;opacity:1;transform:translate(-1px,-1px) scale(.82); }
    30.5% { left:10%;top:94%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    43.8% { left:84%;top:6%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    47% { left:84%;top:6%;opacity:1;transform:translate(-1px,-1px) scale(.82); }
    47.8% { left:84%;top:6%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    52.2% { left:54%;top:38%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    56.2% { left:54%;top:38%;opacity:1;transform:translate(-1px,-1px) scale(.82); }
    57% { left:54%;top:38%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    62.2% { left:52%;top:47%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    67% { left:52%;top:47%;opacity:1;transform:translate(-1px,-1px) scale(.82); }
    67.8% { left:52%;top:47%;opacity:1;transform:translate(-2px,-2px) scale(1); }
    70.5% { left:52%;top:47%;opacity:0;transform:translate(-2px,-2px) scale(1); }
    100% { left:52%;top:47%;opacity:0;transform:translate(-2px,-2px) scale(1); }
}
@keyframes pnAuthNavCursorPulse{
    0%,29.2%,30.7%,46.5%,48.1%,55.7%,57.3%,66.5%,68.1%,100%{opacity:0;transform:scale(.2)}
    29.7%,47%,56.2%,67%{opacity:.88;transform:scale(.55)}
    30.45%,47.75%,56.95%,67.75%{opacity:0;transform:scale(1.75)}
}
.pn-auth-demo-actions .has-badge{ animation: pnAuthBellPress var(--pn-auth-cycle) ease infinite; }
.pn-auth-demo-notification-item{ animation: pnAuthNotificationPress var(--pn-auth-cycle) ease infinite; }
.pn-auth-demo-real-circle-card{ animation: pnAuthCircleCardPress var(--pn-auth-cycle) ease infinite; }
@keyframes pnAuthBellPress{ 0%,46.6%,47.4%,100%{transform:scale(1)}47%{transform:scale(.92)} }
@keyframes pnAuthNotificationPress{ 0%,55.8%,56.7%,100%{transform:scale(1)}56.2%{transform:scale(.975)} }
@keyframes pnAuthCircleCardPress{ 0%,66.6%,67.5%,100%{transform:scale(1)}67%{transform:scale(.985)} }
@media (max-width:760px){
.pn-auth-demo-cursor{ width:14px;height:17px; }
.pn-auth-demo-cursor > i{ width:14px;height:14px;margin:-5px 0 0 -5px; }
}
@media (prefers-reduced-motion:reduce){
.pn-authentic-demo *{ animation:none !important; }
.pn-auth-demo-cursor{ display:none !important; }
.pn-auth-demo-profile,
.pn-auth-demo-nearby,
.pn-auth-demo-notifications,
.pn-auth-demo-circles{ display:none !important; }
.pn-auth-demo-final{ opacity:1 !important; transform:none !important; }
.pn-auth-nav-circles{ color:#8b8594 !important; }
}
.pn-landing{
    --pn-guest-accent: #7183ff;
    --pn-guest-accent-2: #4e61df;
    --pn-guest-accent-soft: rgba(113,131,255,.16);
    --pn-guest-accent-glow: rgba(91,112,255,.24);
}
.pn-landing[data-guest-intent="platonic"]{
    --pn-guest-accent: #7183ff;
    --pn-guest-accent-2: #4e61df;
    --pn-guest-accent-soft: rgba(113,131,255,.16);
    --pn-guest-accent-glow: rgba(91,112,255,.25);
    background:
        radial-gradient(circle at 10% 4%, rgba(91,112,255,.25), transparent 30%),
        radial-gradient(circle at 92% 20%, rgba(76,160,255,.13), transparent 31%),
        radial-gradient(circle at 48% 74%, rgba(118,97,255,.13), transparent 36%),
        linear-gradient(148deg,#10172a 0%,#0e1422 50%,#0a121c 100%);
}
.pn-landing[data-guest-intent="business"]{
    --pn-guest-accent: #23c8b3;
    --pn-guest-accent-2: #0b8c82;
    --pn-guest-accent-soft: rgba(35,200,179,.15);
    --pn-guest-accent-glow: rgba(23,190,169,.22);
    background:
        radial-gradient(circle at 10% 4%, rgba(26,192,170,.23), transparent 30%),
        radial-gradient(circle at 92% 20%, rgba(35,131,199,.13), transparent 31%),
        radial-gradient(circle at 48% 74%, rgba(17,151,134,.12), transparent 36%),
        linear-gradient(148deg,#0d1d22 0%,#0c171d 50%,#091218 100%);
}
.pn-landing[data-guest-intent="romance"]{
    --pn-guest-accent: #ff6d9b;
    --pn-guest-accent-2: #d94775;
    --pn-guest-accent-soft: rgba(255,109,155,.15);
    --pn-guest-accent-glow: rgba(245,87,139,.22);
    background:
        radial-gradient(circle at 10% 4%, rgba(240,83,137,.24), transparent 30%),
        radial-gradient(circle at 92% 20%, rgba(255,132,112,.13), transparent 31%),
        radial-gradient(circle at 48% 74%, rgba(181,92,191,.12), transparent 36%),
        linear-gradient(148deg,#21111d 0%,#17121c 50%,#101218 100%);
}
.pn-landing[data-guest-intent] .pn-guest-glow-one{ background: var(--pn-guest-accent-glow); }
.pn-landing[data-guest-intent] .pn-guest-glow-two{ background: color-mix(in srgb, var(--pn-guest-accent) 15%, transparent); }
.pn-landing[data-guest-intent] .pn-btn-primary,
.pn-landing[data-guest-intent] .pn-plan-popular{
    background: linear-gradient(145deg,var(--pn-guest-accent),var(--pn-guest-accent-2));
}
.pn-landing[data-guest-intent] .pn-brand-mark{
    background: var(--pn-brand-gradient);
    box-shadow: 0 14px 38px rgba(63, 155, 193, .27);
}
.pn-landing[data-guest-intent] .pn-btn-primary{ box-shadow: 0 11px 25px color-mix(in srgb,var(--pn-guest-accent-2) 26%,transparent); }
.pn-landing[data-guest-intent] .pn-btn-primary:hover{ box-shadow: 0 14px 31px color-mix(in srgb,var(--pn-guest-accent-2) 34%,transparent); }
.pn-landing[data-guest-intent] .pn-eyebrow,
.pn-landing[data-guest-intent] .pn-landing-proof .pn-icon-svg{ color: color-mix(in srgb,var(--pn-guest-accent) 78%,white); }
.pn-landing[data-guest-intent] + .pn-guest-intent-splash{ --pn-splash-current: var(--pn-guest-accent); }
.pn-landing[data-guest-intent] .pn-landing-progress-dot.is-active{ background: color-mix(in srgb,var(--pn-guest-accent) 76%,transparent); }
.pn-landing[data-guest-intent] .pn-smart-radar-points .pn-icon-svg,
.pn-landing[data-guest-intent] .pn-circle-feature-list .pn-icon-svg,
.pn-landing[data-guest-intent] .pn-circle-access-points .pn-icon-svg{ color: var(--pn-guest-accent); }
.pn-landing[data-guest-intent] .pn-smart-match-chip i{ background: var(--pn-guest-accent); }
.pn-landing[data-guest-intent] .pn-reach-choice.is-selected{
    border-color: color-mix(in srgb,var(--pn-guest-accent) 48%,rgba(255,255,255,.1));
    background: color-mix(in srgb,var(--pn-guest-accent) 12%,rgba(255,255,255,.045));
}
.pn-mode-story[data-pn-guest-mode-select]{ cursor: pointer; transition: transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease; }
.pn-mode-story[data-pn-guest-mode-select]:hover{ transform: translateY(-3px); }
.pn-mode-story[data-pn-guest-mode-select]:focus-visible{ outline: 2px solid #fff; outline-offset: 3px; }
.pn-mode-story.is-business.is-primary{
    border-color: rgba(71,219,201,.35);
    background: radial-gradient(circle at 85% 15%,rgba(35,200,179,.18),transparent 34%),linear-gradient(155deg,rgba(27,178,160,.12),rgba(255,255,255,.045));
    box-shadow: 0 24px 65px rgba(17,133,122,.13);
}
.pn-mode-story.is-business.is-primary .pn-mode-icon{ background: rgba(42,205,185,.13); }
.pn-mode-story.is-romance.is-primary{
    border-color: rgba(255,110,157,.36);
    background: radial-gradient(circle at 85% 15%,rgba(255,100,151,.19),transparent 34%),linear-gradient(155deg,rgba(220,66,116,.12),rgba(255,255,255,.045));
    box-shadow: 0 24px 65px rgba(168,49,91,.13);
}
.pn-mode-story.is-romance.is-primary .pn-mode-icon{ background: rgba(255,105,154,.13); }
.pn-landing[data-guest-intent="platonic"] .pn-authentic-demo{ --pn-auth-mode-delay: 0s; }
.pn-landing[data-guest-intent="business"] .pn-authentic-demo{ --pn-auth-mode-delay: -3.2s; }
.pn-landing[data-guest-intent="romance"] .pn-authentic-demo{ --pn-auth-mode-delay: -5.8s; }
.pn-landing[data-guest-intent] .pn-auth-demo-header,
.pn-landing[data-guest-intent] .pn-auth-demo-header::after,
.pn-landing[data-guest-intent] .pn-auth-demo-mode-label strong span,
.pn-landing[data-guest-intent] .pn-auth-demo-modes .pn-auth-mode-chip,
.pn-landing[data-guest-intent] .pn-auth-demo-modes .pn-auth-mode-chip::before,
.pn-landing[data-guest-intent] .pn-auth-demo-wallet,
.pn-landing[data-guest-intent] .pn-auth-demo-bottom-nav .pn-auth-nav-center{
    animation-delay: 0s !important;
}
.pn-guest-intent-splash{
    position: fixed;
    inset: 0;
    z-index: 12050;
    padding: max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
    display: grid;
    place-items: center;
    overflow: auto;
    overscroll-behavior: contain;
    background: rgba(5,8,14,.68);
    -webkit-backdrop-filter: blur(20px) saturate(1.15);
    backdrop-filter: blur(20px) saturate(1.15);
    opacity: 1;
    transition: opacity .32s ease,visibility .32s ease;
}
.pn-guest-intent-splash[hidden]{ display: none !important; }
.pn-guest-intent-splash.is-closing{ opacity: 0; pointer-events: none; }
.pn-guest-intent-backdrop{ position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.pn-guest-intent-backdrop::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(145deg,rgba(16,19,34,.84),rgba(9,14,21,.91));
}
.pn-guest-intent-backdrop i{
    position: absolute;
    width: min(46vw,560px);
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(26px);
    opacity: .26;
}
.pn-guest-intent-backdrop .is-friends{ left: -11vw; top: -15vw; background: radial-gradient(circle,#6477ff,transparent 66%); }
.pn-guest-intent-backdrop .is-business{ right: -13vw; top: 3vh; background: radial-gradient(circle,#21bea9,transparent 66%); }
.pn-guest-intent-backdrop .is-romance{ left: 32vw; bottom: -31vw; background: radial-gradient(circle,#f35c91,transparent 65%); }
.pn-guest-intent-dialog{
    position: relative;
    z-index: 2;
    width: min(100%,1020px);
    padding: clamp(24px,3.2vw,42px);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 32px;
    background: linear-gradient(155deg,rgba(25,29,45,.94),rgba(13,18,27,.95));
    box-shadow: 0 42px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);
    color: #fff;
    overflow: hidden;
    animation: pnGuestIntentDialogIn .55s cubic-bezier(.16,.84,.2,1) both;
}
.pn-guest-intent-dialog::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 48% -12%,rgba(255,255,255,.08),transparent 34%);
}
.pn-guest-intent-brand{ position:relative; z-index:1; display:flex; align-items:center; gap:10px; margin-bottom:30px; }
.pn-guest-intent-brand .pn-brand-mark{ width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#7183ff,#4e61df);box-shadow:0 10px 25px rgba(78,97,223,.28); }
.pn-guest-intent-brand .pn-brand-mark .pn-icon-svg{ width:18px;height:18px; }
.pn-guest-intent-brand > span:last-child{ display:grid;gap:2px; }
.pn-guest-intent-brand strong{ font-size:16px;letter-spacing:-.03em; }
.pn-guest-intent-brand small{ color:rgba(255,255,255,.52);font-size:9px;font-weight:750; }
.pn-guest-intent-heading{ position:relative; z-index:1; max-width:760px;margin:0 auto 28px;text-align:center; }
.pn-guest-intent-heading .pn-eyebrow{ color:#a9b3ff;font-size:10px;font-weight:900;letter-spacing:.16em; }
.pn-guest-intent-heading h2{ margin:10px 0 12px;color:#fff;font-size:clamp(28px,4vw,48px);line-height:1.03;letter-spacing:-.05em;text-wrap:balance; }
.pn-guest-intent-heading p{ max-width:650px;margin:0 auto;color:rgba(255,255,255,.64);font-size:14px;line-height:1.65;text-wrap:balance; }
.pn-guest-intent-grid{ position:relative; z-index:1; display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.pn-guest-intent-choice{
    min-width:0;
    min-height:224px;
    padding:20px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:24px;
    color:#fff;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto 1fr;
    gap:16px 12px;
    align-items:start;
    text-align:left;
    cursor:pointer;
    overflow:hidden;
    position:relative;
    background:rgba(255,255,255,.045);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.pn-guest-intent-choice::before{ content:"";position:absolute;inset:0;opacity:.17;transition:opacity .22s ease;pointer-events:none; }
.pn-guest-intent-choice.is-friends::before{ background:radial-gradient(circle at 18% 4%,#7486ff,transparent 48%); }
.pn-guest-intent-choice.is-business::before{ background:radial-gradient(circle at 18% 4%,#23c8b3,transparent 48%); }
.pn-guest-intent-choice.is-romance::before{ background:radial-gradient(circle at 18% 4%,#ff6998,transparent 48%); }
.pn-guest-intent-choice:hover{ transform:translateY(-5px);background:rgba(255,255,255,.075);box-shadow:0 20px 42px rgba(0,0,0,.18); }
.pn-guest-intent-choice:hover::before{ opacity:.28; }
.pn-guest-intent-choice:focus-visible{ outline:2px solid #fff;outline-offset:3px; }
.pn-guest-intent-icon{ position:relative;z-index:1;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff; }
.pn-guest-intent-choice.is-friends .pn-guest-intent-icon{ background:linear-gradient(145deg,#7486ff,#4f60df);box-shadow:0 12px 28px rgba(85,102,225,.28); }
.pn-guest-intent-choice.is-business .pn-guest-intent-icon{ background:linear-gradient(145deg,#27cbb5,#0b897f);box-shadow:0 12px 28px rgba(22,151,136,.25); }
.pn-guest-intent-choice.is-romance .pn-guest-intent-icon{ background:linear-gradient(145deg,#ff729f,#d74776);box-shadow:0 12px 28px rgba(205,57,108,.25); }
.pn-guest-intent-icon .pn-icon-svg{ width:22px;height:22px; }
.pn-guest-intent-choice > span:nth-child(2){ position:relative;z-index:1;grid-column:1 / -1;display:grid;gap:7px;align-self:end; }
.pn-guest-intent-choice small{ color:rgba(255,255,255,.48);font-size:8px;font-weight:900;letter-spacing:.12em; }
.pn-guest-intent-choice strong{ color:#fff;font-size:21px;line-height:1.08;letter-spacing:-.035em; }
.pn-guest-intent-choice em{ color:rgba(255,255,255,.61);font-size:11px;line-height:1.55;font-style:normal; }
.pn-guest-intent-choice > i{ position:relative;z-index:1;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.68);font-style:normal;transition:transform .2s ease,background .2s ease; }
.pn-guest-intent-choice > i .pn-icon-svg{ width:14px;height:14px; }
.pn-guest-intent-choice:hover > i{ transform:translateX(3px);background:rgba(255,255,255,.08); }
.pn-guest-intent-footnote{ position:relative;z-index:1;margin:22px auto 0;max-width:720px;color:rgba(255,255,255,.48);display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:9px;line-height:1.5; }
.pn-guest-intent-footnote .pn-icon-svg{ flex:0 0 auto;width:14px;height:14px;color:#83d9ca; }
@keyframes pnGuestIntentDialogIn{ from { opacity:0;transform:translateY(18px) scale(.975); } to { opacity:1;transform:none; } }
@media (max-width: 760px){
.pn-guest-intent-splash{ align-items:start;padding-top:max(16px,env(safe-area-inset-top)); }
.pn-guest-intent-dialog{ width:100%;padding:20px 16px 18px;border-radius:25px;margin:auto 0; }
.pn-guest-intent-brand{ margin-bottom:20px; }
.pn-guest-intent-brand .pn-brand-mark{ width:34px;height:34px;border-radius:11px; }
.pn-guest-intent-heading{ margin-bottom:18px;text-align:left; }
.pn-guest-intent-heading .pn-eyebrow{ font-size:8px; }
.pn-guest-intent-heading h2{ margin:7px 0 9px;font-size:30px;line-height:1.02; }
.pn-guest-intent-heading p{ margin:0;font-size:12px;line-height:1.55; }
.pn-guest-intent-grid{ grid-template-columns:1fr;gap:10px; }
.pn-guest-intent-choice{ min-height:0;padding:14px;border-radius:19px;grid-template-columns:42px minmax(0,1fr) 30px;grid-template-rows:1fr;gap:11px;align-items:center; }
.pn-guest-intent-icon{ width:42px;height:42px;border-radius:14px; }
.pn-guest-intent-icon .pn-icon-svg{ width:19px;height:19px; }
.pn-guest-intent-choice > span:nth-child(2){ grid-column:auto;align-self:center;gap:3px; }
.pn-guest-intent-choice small{ font-size:6.7px;letter-spacing:.1em; }
.pn-guest-intent-choice strong{ font-size:16px; }
.pn-guest-intent-choice em{ font-size:9px;line-height:1.4; }
.pn-guest-intent-choice > i{ width:30px;height:30px; }
.pn-guest-intent-footnote{ margin-top:15px;font-size:8px;align-items:flex-start;text-align:left;justify-content:flex-start; }
}
@media (max-width: 390px){
.pn-guest-intent-dialog{ padding:16px 13px 15px;border-radius:21px; }
.pn-guest-intent-brand{ margin-bottom:14px; }
.pn-guest-intent-heading h2{ font-size:26px; }
.pn-guest-intent-heading p{ font-size:10.5px; }
.pn-guest-intent-choice{ padding:11px;grid-template-columns:38px minmax(0,1fr) 27px;gap:9px; }
.pn-guest-intent-icon{ width:38px;height:38px;border-radius:12px; }
.pn-guest-intent-choice strong{ font-size:14px; }
.pn-guest-intent-choice em{ font-size:8.2px; }
}
@media (prefers-reduced-motion: reduce){
.pn-guest-intent-dialog{ animation:none !important; }
.pn-guest-intent-splash,
.pn-guest-intent-choice{ transition:none !important; }
}
.pn-auth-mobile-context{ display: none; }
#pn-auth-modal[data-guest-intent="platonic"]{
    --pn-auth-story-a: rgba(84, 103, 245, .38);
    --pn-auth-story-b: rgba(67, 157, 255, .23);
    --pn-auth-story-base-a: #181b34;
    --pn-auth-story-base-b: #111523;
    --pn-auth-context-accent: #5f67ee;
    --pn-auth-context-soft: rgba(95,103,238,.09);
}
#pn-auth-modal[data-guest-intent="business"]{
    --pn-auth-story-a: rgba(15, 170, 148, .40);
    --pn-auth-story-b: rgba(35, 207, 174, .22);
    --pn-auth-story-base-a: #102b29;
    --pn-auth-story-base-b: #0d191a;
    --pn-auth-context-accent: #119c8c;
    --pn-auth-context-soft: rgba(17,156,140,.09);
}
#pn-auth-modal[data-guest-intent="romance"]{
    --pn-auth-story-a: rgba(255, 78, 132, .40);
    --pn-auth-story-b: rgba(255, 128, 143, .22);
    --pn-auth-story-base-a: #2b1722;
    --pn-auth-story-base-b: #17131a;
    --pn-auth-context-accent: #f05a8d;
    --pn-auth-context-soft: rgba(240,90,141,.09);
}
#pn-auth-modal[data-guest-intent]{
    background:
        radial-gradient(circle at 15% 15%, var(--pn-auth-story-a), transparent 31%),
        rgba(13, 12, 18, .72);
}
#pn-auth-modal[data-guest-intent] .pn-auth-story{
    background:
        radial-gradient(circle at 22% 15%, var(--pn-auth-story-a), transparent 34%),
        radial-gradient(circle at 80% 82%, var(--pn-auth-story-b), transparent 42%),
        linear-gradient(150deg, var(--pn-auth-story-base-a) 0%, var(--pn-auth-story-base-b) 62%, #101116 100%);
}
#pn-auth-modal[data-guest-intent="platonic"] .pn-auth-story .pn-brand-mark{ background: linear-gradient(145deg, #6967f3, #4a83f6); }
#pn-auth-modal[data-guest-intent="business"] .pn-auth-story .pn-brand-mark{ background: linear-gradient(145deg, #10a68f, #22c9ad); }
#pn-auth-modal[data-guest-intent="romance"] .pn-auth-story .pn-brand-mark{ background: linear-gradient(145deg, #ff5f96, #ff7c88); }
@media (max-width:900px){
#pn-auth-modal[data-guest-intent] .pn-auth-mobile-context{
        display: grid;
        gap: 4px;
        margin: 0 42px 18px 0;
        padding: 13px 15px;
        border: 1px solid color-mix(in srgb, var(--pn-auth-context-accent) 18%, transparent);
        border-radius: 16px;
        background: var(--pn-auth-context-soft);
    }
#pn-auth-modal .pn-auth-mobile-context .pn-eyebrow{
        color: var(--pn-auth-context-accent);
        font-size: 9px;
        letter-spacing: .11em;
    }
#pn-auth-modal .pn-auth-mobile-context > strong{
        color: var(--pn-ink);
        font-size: 17px;
        line-height: 1.12;
        letter-spacing: -.025em;
    }
#pn-auth-modal .pn-auth-mobile-context > small{
        color: var(--pn-muted);
        font-size: 11px;
        line-height: 1.4;
    }
}
@media (max-width:620px){
#pn-auth-modal[data-guest-intent] .pn-auth-mobile-context{
        margin-right: 38px;
        margin-bottom: 16px;
        padding: 11px 13px;
        border-radius: 14px;
    }
#pn-auth-modal .pn-auth-mobile-context > strong{ font-size: 15px; }
#pn-auth-modal .pn-auth-mobile-context > small{ font-size: 10px; }
}
.pn-research-consent-row{align-items:flex-start!important;padding:12px 14px;border:1px solid rgba(109,93,252,.24);border-radius:14px;background:rgba(109,93,252,.07)}
.pn-research-consent-row span{font-size:12px;line-height:1.45}
.pn-research-consent-row strong{display:inline;font-weight:800}
.pn-qr-offer-banner{
    display: grid;
    gap: 3px;
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid rgba(74, 222, 128, .28);
    border-radius: 14px;
    background: rgba(74, 222, 128, .08);
}
.pn-qr-offer-banner.is-selection-only{
    border-color: rgba(148, 163, 184, .28);
    background: rgba(148, 163, 184, .08);
}
.pn-qr-offer-banner strong{ font-size: 14px; }
.pn-qr-offer-banner span{ font-size: 12px; opacity: .78; line-height: 1.45; }
.pn-landing-session-cta{
    justify-self: end;
    min-height: 46px;
    max-width: 230px;
    padding: 7px 13px 7px 10px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 15px;
    color: #fff;
    background: rgba(255,255,255,.085);
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.pn-landing-session-cta:hover,
.pn-landing-session-cta:focus-visible{
    color: #fff;
    border-color: rgba(255,255,255,.3);
    background: rgba(255,255,255,.14);
    transform: translateY(-1px);
}
.pn-landing-session-dot{
    position: relative;
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 999px;
    background: #65f6b3;
    box-shadow: 0 0 0 4px rgba(101,246,179,.12), 0 0 16px rgba(101,246,179,.35);
}
.pn-landing-session-dot::after{
    content: '';
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(101,246,179,.35);
    border-radius: inherit;
    animation: pnLandingSessionPulse 2.4s ease-out infinite;
}
.pn-landing-session-copy{
    min-width: 0;
    display: grid;
    gap: 1px;
    line-height: 1.05;
}
.pn-landing-session-copy small{
    max-width: 175px;
    overflow: hidden;
    color: rgba(255,255,255,.62);
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .04em;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
}
.pn-landing-session-copy strong{
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}
@keyframes pnLandingSessionPulse{
    0% { opacity: .8; transform: scale(.7); }
    70%, 100% { opacity: 0; transform: scale(1.65); }
}
@media (max-width: 760px){
.pn-landing-session-cta{
        min-height: 42px;
        max-width: min(48vw, 190px);
        padding: 6px 10px 6px 9px;
        border-radius: 14px;
        gap: 8px;
    }
.pn-landing-session-copy small{ max-width: 125px; font-size: 7px; }
.pn-landing-session-copy strong{ font-size: 10px; }
}
@media (max-width: 430px){
.pn-landing-session-cta{ max-width: 145px; }
.pn-landing-session-copy small{ max-width: 98px; }
}
@media (prefers-reduced-motion: reduce){
.pn-landing-session-dot::after{ animation: none; }
.pn-landing-session-cta{ transition: none; }
}
.pn-modal-overlay .screen-reader-text,
.pn-guest-shell .screen-reader-text{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.pn-modal-overlay button,
.pn-modal-overlay input,
.pn-modal-overlay select,
.pn-modal-overlay textarea,
.pn-guest-shell button,
.pn-guest-shell input,
.pn-guest-shell select,
.pn-guest-shell textarea{
    font-family: var(--pn-font) !important;
    font-style: normal;
    letter-spacing: inherit;
}
.pn-modal-overlay textarea.pn-input,
.pn-modal-overlay textarea{
    line-height: 1.45;
}
.pn-modal-overlay .pn-input::placeholder,
.pn-modal-overlay textarea::placeholder{
    font-family: var(--pn-font) !important;
    color: #8c8f99;
    opacity: 1;
    letter-spacing: 0;
}
.pn-modal-overlay img.emoji,
.pn-modal-overlay img.wp-smiley,
.pn-guest-shell img.emoji,
.pn-guest-shell img.wp-smiley{
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 1em !important;
    max-height: 1em !important;
    margin: 0 .07em !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: none !important;
    object-fit: contain !important;
    vertical-align: -.1em !important;
}
.pn-modal-overlay,
.pn-modal-overlay *,
.pn-modal-overlay *::before,
.pn-modal-overlay *::after{
    box-sizing: border-box;
}
.pn-modal-overlay:not(#pn-hub-modal) [role="dialog"]{
    max-width: calc(100vw - 20px);
}
.pn-modal-overlay fieldset{
    min-width: 0;
}
.pn-modal-overlay img:not(.emoji):not(.wp-smiley){
    max-width: 100%;
}
.pn-modal-overlay textarea.pn-input,
.pn-guest-shell textarea.pn-input{
    min-height: 76px;
    padding: 11px 13px !important;
    resize: vertical;
}
@media (max-width: 860px){
:root{
        --pn-mobile-nav-height: 76px;
        --pn-mobile-modal-gap: 10px;
    }
}
html.pn-app-shell-ready .pn-guest-shell{
    opacity: 1;
}
@media (min-width: 861px){
#pn-privacy-action-modal .pn-privacy-action-sheet{
        margin: 0 !important;
        transform: none;
    }
}
.pn-username-input-wrap{
    display: flex;
    align-items: center;
    gap: 0;
    border: 1px solid var(--pn-border, #d8dbe4);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.pn-username-input-wrap > span{
    flex: 0 0 auto;
    padding-left: 12px;
    color: #70758a;
    font-weight: 800;
    line-height: 1;
}
.pn-username-input-wrap .pn-input{
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding-left: 4px !important;
    min-width: 0;
}
.pn-username-input-wrap:focus-within{
    border-color: rgba(95,112,232,.72);
    box-shadow: 0 0 0 3px rgba(95,112,232,.12);
}
:root,
:root[data-nudge-theme="romance"]{
    --pn-primary: #91536d;
    --pn-primary-deep: #5b172d;
    --pn-primary-soft: #f7edf2;
    --pn-primary-highlight: #b87990;
    --pn-primary-rgb: 145, 83, 109;
    --pn-brand-romance: #a9657e;
    --pn-romance: #91536d;
    --pn-page-status-color: #91536d;
    --pn-page-theme-strong: #5b172d;
    --pn-mode-accent: #91536d;
    --pn-mode-accent-strong: #5b172d;
    --pn-mode-soft: rgba(145,83,109,.12);
    --pn-mode-line: rgba(91,23,45,.22);
}
.pn-signup-intent.is-romance .pn-signup-intent-icon{
    color: #7a2947;
    background: rgba(145,83,109,.12);
}
.pn-signup-intent.is-romance.is-selected{
    border-color: rgba(109,33,61,.52);
    background: rgba(145,83,109,.055);
}
.pn-signup-intent.is-romance.is-selected > i{ background: #7d304e; }
.pn-mode-story.is-romance{ color: #91536d; }
.pn-mode-story.is-romance.is-primary .pn-mode-icon{ background: rgba(145,83,109,.13); }
.pn-guest-intent-choice.is-romance::before{
    background: radial-gradient(circle at 18% 4%, #b77a90, transparent 48%);
}
.pn-guest-intent-choice.is-romance .pn-guest-intent-icon{
    background: linear-gradient(145deg, #b77a90, #6b1d39);
    box-shadow: 0 12px 28px rgba(91,23,45,.25);
}
#pn-auth-modal[data-guest-intent] .pn-auth-story > .pn-eyebrow,
#pn-auth-modal[data-guest-intent] .pn-auth-story > [data-pn-auth-story-eyebrow]{
    color: rgba(255,255,255,.9) !important;
    text-shadow: 0 1px 12px rgba(0,0,0,.18);
}
.pn-signup-username-field .pn-username-input-wrap{
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.pn-signup-username-field .pn-username-input-wrap.is-checking{
    border-color: color-mix(in srgb, var(--pn-auth-context-accent, var(--pn-primary)) 48%, #d8dbe4);
}
.pn-signup-username-field .pn-username-input-wrap.is-available{
    border-color: #2d9a72;
    box-shadow: 0 0 0 3px rgba(45,154,114,.10);
}
.pn-signup-username-field .pn-username-input-wrap.is-unavailable{
    border-color: #cf5262;
    box-shadow: 0 0 0 3px rgba(207,82,98,.10);
}
.pn-auth-form .pn-signup-username-field > .pn-username-availability-status{
    min-height: 14px;
    margin-top: 5px;
    color: var(--pn-faint);
    font-weight: 750;
}
.pn-auth-form .pn-signup-username-field > .pn-username-availability-status:empty{
    display: none;
}
.pn-auth-form .pn-signup-username-field > .pn-username-availability-status.is-checking{ color: var(--pn-muted); }
.pn-auth-form .pn-signup-username-field > .pn-username-availability-status.is-success{ color: #237c5d; }
.pn-auth-form .pn-signup-username-field > .pn-username-availability-status.is-error{ color: #b43c4d; }
#pn-circles.pn-landing-slide{
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: pan-y;
    scroll-padding-block: 18px 104px;
}
#pn-circles.pn-landing-slide::-webkit-scrollbar{ display: none; }
#pn-circles .pn-circle-landing-grid{
    height: auto !important;
    min-height: 100%;
}
@media (min-width: 961px){
#pn-circles.pn-landing-slide{
        align-items: stretch;
        padding-bottom: max(36px, 4vh) !important;
    }
#pn-circles .pn-circle-landing-grid{
        align-content: center;
    }
}
@media (max-width: 760px){
#pn-circles.pn-landing-slide{

        padding-bottom: calc(var(--pn-mobile-controls-h) + 62px) !important;
        scroll-padding-bottom: calc(var(--pn-mobile-controls-h) + 72px);
    }
#pn-circles .pn-circle-landing-grid{
        min-height: 0;
        align-content: start;
    }
}
#pn-landing-top .pn-guided-device-stage > .pn-landing-hero-mode-image{
    position: absolute;
    inset: 0;
    z-index: 6;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    object-fit: contain;
    object-position: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    filter: drop-shadow(0 24px 42px rgba(0,0,0,.24));
    opacity: 1;
    transform: translateZ(0);
}
#pn-landing-top .pn-guided-device-stage > .pn-landing-hero-mode-image[hidden]{
    display: none !important;
}
#pn-landing-top .pn-guided-device-stage.has-mode-image > .pn-guided-device{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
@media (max-width: 760px){
#pn-landing-top .pn-guided-device-stage > .pn-landing-hero-mode-image{
        filter: drop-shadow(0 18px 30px rgba(0,0,0,.22));
    }
}
@media (min-width: 980px){
#pn-landing-top.has-mode-hero-image .pn-landing-copy-minimal{
        width: min(100%, 1500px);
        max-width: 1500px;
        grid-template-columns: minmax(0, 1fr) minmax(430px, 650px);
        column-gap: clamp(20px, 3vw, 48px);
    }
#pn-landing-top.has-mode-hero-image .pn-guided-device-stage{
        --pn-hero-device-scale: 1;
        width: clamp(430px, 40vw, 650px);
        height: min(clamp(400px, 37vw, 605px), calc(100dvh - 180px));
        min-height: 360px;
        margin: 0;
        justify-self: center;
        align-self: center;
    }
#pn-landing-top.has-mode-hero-image .pn-guided-device-stage > .pn-landing-hero-mode-image{
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
        filter: drop-shadow(0 30px 52px rgba(0,0,0,.28));
    }
}
@media (min-width: 980px) and (max-height: 780px){
#pn-landing-top.has-mode-hero-image .pn-landing-copy-minimal{
        grid-template-columns: minmax(0, 1fr) minmax(390px, 540px);
        column-gap: clamp(18px, 2.5vw, 38px);
    }
#pn-landing-top.has-mode-hero-image .pn-guided-device-stage{
        width: clamp(390px, 35vw, 540px);
        height: min(clamp(360px, 33vw, 500px), calc(100dvh - 140px));
        min-height: 330px;
    }
}
#pn-landing-top .pn-guest-actions .pn-try-now-btn{
    position: relative;
    isolation: isolate;
    border: 1px solid rgba(255,255,255,.24);
    box-shadow: 0 14px 32px rgba(64,86,220,.26), inset 0 1px 0 rgba(255,255,255,.22);
    overflow: hidden;
}
#pn-landing-top .pn-guest-actions .pn-try-now-btn::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .95;
    background: linear-gradient(135deg,#6377ff 0%,#5a86f4 55%,#55cdbd 100%);
}
.pn-landing[data-guest-intent="business"] #pn-landing-top .pn-try-now-btn::before{
    background: linear-gradient(135deg,#16ab8f 0%,#159daf 55%,#4ac9a5 100%);
}
.pn-landing[data-guest-intent="romance"] #pn-landing-top .pn-try-now-btn::before{
    background: linear-gradient(135deg,#ff4f79 0%,#ff6a89 55%,#ff94ad 100%);
}
#pn-landing-top .pn-try-now-icon{
    width: 19px;
    height: 19px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 19px;
}
#pn-landing-top .pn-try-now-icon .pn-icon-svg{ width: 18px; height: 18px; }
#pn-landing-top .pn-guest-actions .pn-btn-tertiary{
    min-width: auto;
    padding-inline: 12px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    color: rgba(255,255,255,.72);
}
#pn-landing-top .pn-guest-actions .pn-btn-tertiary:hover,
#pn-landing-top .pn-guest-actions .pn-btn-tertiary:focus-visible{
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: #fff;
}
.pn-temp-trial-overlay{
    padding: 22px;
    background:
        radial-gradient(circle at 18% 12%, rgba(99,119,255,.23), transparent 34%),
        radial-gradient(circle at 84% 86%, rgba(85,205,189,.15), transparent 34%),
        rgba(5,9,20,.80);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.pn-temp-trial-overlay[data-guest-intent="business"]{
    background:
        radial-gradient(circle at 18% 12%, rgba(22,171,143,.23), transparent 34%),
        radial-gradient(circle at 84% 86%, rgba(21,157,175,.16), transparent 34%),
        rgba(5,9,20,.80);
}
.pn-temp-trial-overlay[data-guest-intent="romance"]{
    background:
        radial-gradient(circle at 18% 12%, rgba(255,79,121,.23), transparent 34%),
        radial-gradient(circle at 84% 86%, rgba(255,148,173,.15), transparent 34%),
        rgba(5,9,20,.80);
}
.pn-temp-trial-shell{
    --pn-temp-accent-a:#6377ff;
    --pn-temp-accent-b:#55cdbd;
    position: relative;
    width: min(100%, 510px);
    max-height: min(90vh, 760px);
    overflow: auto;
    padding: clamp(28px,4vw,42px);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 30px;
    background:
        linear-gradient(180deg,rgba(18,27,49,.98),rgba(9,15,30,.99));
    color: #fff;
    box-shadow: 0 34px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
    animation: pnModalIn .24s ease both;
}
.pn-temp-trial-overlay[data-guest-intent="business"] .pn-temp-trial-shell{ --pn-temp-accent-a:#16ab8f; --pn-temp-accent-b:#4ac9a5; }
.pn-temp-trial-overlay[data-guest-intent="romance"] .pn-temp-trial-shell{ --pn-temp-accent-a:#ff4f79; --pn-temp-accent-b:#ff94ad; }
.pn-temp-trial-close{
    position: absolute;
    top: 15px;
    right: 15px;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
}
.pn-temp-trial-mark{
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin: 0 0 26px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    background: linear-gradient(135deg,var(--pn-temp-accent-a),var(--pn-temp-accent-b));
    box-shadow: 0 14px 30px color-mix(in srgb,var(--pn-temp-accent-a) 28%,transparent);
}
.pn-temp-trial-mark .pn-icon-svg{ width: 29px; height: 29px; }
.pn-temp-trial-shell > .pn-eyebrow{
    color: color-mix(in srgb,var(--pn-temp-accent-b) 75%,white);
    letter-spacing: .12em;
}
.pn-temp-trial-shell h2{
    margin: 9px 0 10px;
    max-width: 420px;
    color: #fff;
    font-size: clamp(34px,6vw,50px);
    line-height: .98;
    letter-spacing: -.045em;
}
.pn-temp-trial-shell > p{
    margin: 0 0 25px;
    color: rgba(225,231,246,.68);
    font-size: 14px;
    line-height: 1.65;
}
.pn-temp-trial-shell .pn-field > span{ color: rgba(238,242,255,.88); }
.pn-temp-trial-shell .pn-input{
    min-height: 54px;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.pn-temp-trial-shell .pn-input::placeholder{ color: rgba(212,220,241,.38) !important; }
.pn-temp-trial-shell .pn-input:focus{
    border-color: color-mix(in srgb,var(--pn-temp-accent-a) 72%,white) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--pn-temp-accent-a) 18%,transparent) !important;
}
.pn-temp-trial-shell .pn-temp-trial-submit{
    width: 100%;
    min-height: 54px;
    margin-top: 4px;
    border: 1px solid rgba(255,255,255,.18);
    background: linear-gradient(135deg,var(--pn-temp-accent-a),var(--pn-temp-accent-b));
    box-shadow: 0 14px 34px color-mix(in srgb,var(--pn-temp-accent-a) 24%,transparent);
}
.pn-temp-trial-note{
    margin-top: 18px;
    padding: 14px 15px;
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 10px;
    align-items: start;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    color: rgba(220,227,244,.68);
    font-size: 11px;
    line-height: 1.55;
}
.pn-temp-trial-note .pn-icon-svg{ width: 18px; height: 18px; color: var(--pn-temp-accent-b); }
.pn-temp-trial-legal{
    display: block;
    margin-top: 13px;
    color: rgba(198,207,229,.46);
    font-size: 9.5px;
    line-height: 1.5;
    text-align: center;
}
.pn-temp-trial-shell [data-temp-trial-message]{ margin-top: 13px; }
.pn-temp-account-banner{
    position: fixed;
    z-index: 7600;
    top: max(72px, calc(env(safe-area-inset-top) + 62px));
    left: 50%;
    width: min(calc(100vw - 28px), 680px);
    min-height: 54px;
    padding: 9px 10px 9px 12px;
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: 36px minmax(0,1fr) 32px;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(103,126,255,.30);
    border-radius: 18px;
    background: rgba(12,19,36,.94);
    color: #fff;
    box-shadow: 0 16px 42px rgba(4,8,20,.28);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.pn-temp-account-banner[hidden]{ display:none !important; }
.pn-temp-account-banner.is-new{ animation: pnTempBannerIn .65s cubic-bezier(.2,.8,.2,1) both; }
@keyframes pnTempBannerIn{ from { opacity:0; transform:translate(-50%,-16px) scale(.98); } to { opacity:1; transform:translate(-50%,0) scale(1); } }
.pn-temp-account-banner-icon{
    width: 36px;
    height: 36px;
    display:grid;
    place-items:center;
    border-radius: 12px;
    background: linear-gradient(135deg,#6377ff,#55cdbd);
}
.pn-temp-account-banner-icon .pn-icon-svg{ width:19px; height:19px; }
.pn-temp-account-banner-copy{ min-width:0; }
.pn-temp-account-banner-copy strong,
.pn-temp-account-banner-copy small{ display:block; }
.pn-temp-account-banner-copy strong{ font-size:12px; line-height:1.25; }
.pn-temp-account-banner-copy small{ margin-top:3px; color:rgba(225,231,246,.67); font-size:10px; line-height:1.35; }
.pn-temp-account-banner-close{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:10px;
    background:transparent;
    color:rgba(255,255,255,.55);
    cursor:pointer;
}
.pn-temp-account-banner-close:hover{ background:rgba(255,255,255,.07); color:#fff; }
.pn-temp-account-banner-close .pn-icon-svg{ width:15px; height:15px; }
@media (max-width:760px){
#pn-landing-top .pn-guest-actions{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
#pn-landing-top .pn-guest-actions .pn-try-now-btn{
        grid-column: 1 / -1;
        min-height: 44px;
        font-size: 11px;
    }
#pn-landing-top .pn-guest-actions .pn-btn-tertiary{
        border: 1px solid rgba(255,255,255,.10);
        background: rgba(255,255,255,.04);
    }
.pn-temp-trial-overlay{ padding: 12px; align-items:flex-end; }
.pn-temp-trial-shell{
        width:100%;
        max-height:min(92dvh,760px);
        padding: 30px 20px calc(22px + env(safe-area-inset-bottom));
        border-radius: 28px 28px 18px 18px;
    }
.pn-temp-trial-shell h2{ font-size: clamp(34px,10vw,44px); }
.pn-temp-account-banner{
        top: max(64px, calc(env(safe-area-inset-top) + 54px));
        width: calc(100vw - 18px);
        grid-template-columns: 34px minmax(0,1fr) 30px;
        border-radius:16px;
    }
}
.pn-qr-celebration-overlay{
    z-index:100500;
    padding:22px;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 16% 15%,rgba(99,119,255,.28),transparent 34%),
        radial-gradient(circle at 85% 82%,rgba(85,205,189,.18),transparent 36%),
        rgba(4,8,18,.84);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}
.pn-qr-celebration-overlay[data-guest-intent="business"]{
    background:
        radial-gradient(circle at 16% 15%,rgba(22,171,143,.27),transparent 34%),
        radial-gradient(circle at 85% 82%,rgba(21,157,175,.18),transparent 36%),
        rgba(4,8,18,.84);
}
.pn-qr-celebration-overlay[data-guest-intent="romance"]{
    background:
        radial-gradient(circle at 16% 15%,rgba(255,79,121,.27),transparent 34%),
        radial-gradient(circle at 85% 82%,rgba(255,148,173,.18),transparent 36%),
        rgba(4,8,18,.84);
}
.pn-qr-celebration-shell{
    --pn-qr-a:#6377ff;
    --pn-qr-b:#55cdbd;
    position:relative;
    width:min(100%,560px);
    max-height:min(92vh,820px);
    overflow:auto;
    padding:42px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:32px;
    background:
        radial-gradient(circle at 88% 0, color-mix(in srgb,var(--pn-qr-a) 18%,transparent), transparent 34%),
        linear-gradient(180deg,rgba(18,27,49,.99),rgba(8,14,28,.99));
    color:#fff;
    box-shadow:0 40px 110px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07);
    animation:pnQrCelebrationIn .42s cubic-bezier(.18,.86,.24,1.08) both;
    isolation:isolate;
}
.pn-qr-celebration-overlay[data-guest-intent="business"] .pn-qr-celebration-shell{--pn-qr-a:#16ab8f;--pn-qr-b:#4ac9a5}
.pn-qr-celebration-overlay[data-guest-intent="romance"] .pn-qr-celebration-shell{--pn-qr-a:#ff4f79;--pn-qr-b:#ff94ad}
@keyframes pnQrCelebrationIn{from{opacity:0;transform:translateY(18px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}
.pn-qr-celebration-close{
    position:absolute;
    z-index:4;
    top:15px;
    right:15px;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
}
.pn-qr-celebration-mark{
    position:relative;
    z-index:2;
    width:66px;
    height:66px;
    display:grid;
    place-items:center;
    margin:0 0 25px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:21px;
    background:linear-gradient(135deg,var(--pn-qr-a),var(--pn-qr-b));
    box-shadow:0 18px 38px color-mix(in srgb,var(--pn-qr-a) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.30);
}
.pn-qr-celebration-mark .pn-icon-svg{width:32px;height:32px;stroke-width:2}
.pn-qr-celebration-shell>.pn-eyebrow{
    position:relative;
    z-index:2;
    color:color-mix(in srgb,var(--pn-qr-b) 78%,white);
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
}
.pn-qr-celebration-shell>h2{
    position:relative;
    z-index:2;
    margin:8px 0 11px;
    max-width:470px;
    color:#fff;
    font-size:clamp(36px,5.2vw,52px);
    line-height:.98;
    letter-spacing:-.045em;
}
.pn-qr-celebration-shell>p{
    position:relative;
    z-index:2;
    margin:0;
    max-width:475px;
    color:rgba(225,231,246,.70);
    font-size:14px;
    line-height:1.62;
}
.pn-qr-celebration-offer{
    position:relative;
    z-index:2;
    margin-top:25px;
    padding:18px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:22px;
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.pn-qr-celebration-offer-head{display:flex;align-items:center;gap:12px}
.pn-qr-celebration-offer-head>span{
    width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;
    border-radius:13px;background:color-mix(in srgb,var(--pn-qr-a) 18%,transparent);
    color:color-mix(in srgb,var(--pn-qr-b) 76%,white);
}
.pn-qr-celebration-offer-head>span .pn-icon-svg{width:20px;height:20px}
.pn-qr-celebration-offer-head div{min-width:0;display:flex;flex-direction:column;gap:2px}
.pn-qr-celebration-offer-head small{color:rgba(190,201,226,.54);font-size:8px;font-weight:900;letter-spacing:.13em}
.pn-qr-celebration-offer-head strong{overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:15px;line-height:1.25;white-space:nowrap}
.pn-qr-celebration-benefit{
    margin-top:15px;
    padding:13px 14px;
    border-radius:15px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--pn-qr-a) 20%,rgba(255,255,255,.035)),color-mix(in srgb,var(--pn-qr-b) 13%,rgba(255,255,255,.035)));
    color:#fff;
    font-size:13px;
    font-weight:850;
    line-height:1.4;
}
.pn-qr-celebration-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.pn-qr-celebration-chips span{
    display:inline-flex;align-items:center;gap:5px;
    min-height:28px;padding:5px 9px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;background:rgba(255,255,255,.045);
    color:rgba(224,231,247,.72);font-size:9px;font-weight:800;
}
.pn-qr-celebration-chips .pn-icon-svg{width:13px;height:13px;color:var(--pn-qr-b)}
.pn-qr-celebration-actions{position:relative;z-index:2;margin-top:19px;display:grid;gap:10px}
.pn-qr-celebration-primary{
    width:100%;min-height:55px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:linear-gradient(135deg,var(--pn-qr-a),var(--pn-qr-b))!important;
    color:#fff!important;
    box-shadow:0 15px 38px color-mix(in srgb,var(--pn-qr-a) 26%,transparent)!important;
    font-size:13px!important;font-weight:850!important;
}
.pn-qr-celebration-primary .pn-icon-svg{width:18px;height:18px}
.pn-qr-celebration-signin{
    min-height:38px;border:0;background:transparent;color:rgba(215,223,241,.62);
    font:inherit;font-size:10.5px;cursor:pointer;
}
.pn-qr-celebration-signin strong{color:#fff}
.pn-qr-celebration-signin:hover,
.pn-qr-celebration-signin:focus-visible{color:#fff}
.pn-qr-celebration-foot{
    position:relative;z-index:2;
    display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;
    margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.075);
    color:rgba(196,205,226,.50);font-size:9.5px;line-height:1.5;
}
.pn-qr-celebration-foot .pn-icon-svg{width:16px;height:16px;color:var(--pn-qr-b)}
.pn-qr-celebration-sparks{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.pn-qr-celebration-sparks i{position:absolute;width:5px;height:5px;border-radius:2px;background:var(--pn-qr-b);opacity:.60;animation:pnQrSpark 2.8s ease-in-out infinite}
.pn-qr-celebration-sparks i:nth-child(1){left:12%;top:15%;animation-delay:-.3s}
.pn-qr-celebration-sparks i:nth-child(2){left:79%;top:17%;width:7px;height:3px;transform:rotate(38deg);animation-delay:-1.1s}
.pn-qr-celebration-sparks i:nth-child(3){left:91%;top:39%;background:var(--pn-qr-a);animation-delay:-1.8s}
.pn-qr-celebration-sparks i:nth-child(4){left:8%;top:56%;width:4px;height:8px;background:var(--pn-qr-a);animation-delay:-2.2s}
.pn-qr-celebration-sparks i:nth-child(5){left:84%;top:73%;animation-delay:-.7s}
.pn-qr-celebration-sparks i:nth-child(6){left:19%;top:84%;width:7px;height:3px;transform:rotate(-32deg);animation-delay:-1.5s}
@keyframes pnQrSpark{0%,100%{opacity:.28;transform:translateY(0) scale(.8)}50%{opacity:.85;transform:translateY(-8px) scale(1.15)}}
.pn-qr-celebration-overlay[data-qr-status="disabled"] .pn-qr-celebration-mark,
.pn-qr-celebration-overlay[data-qr-status="exhausted"] .pn-qr-celebration-mark{filter:saturate(.55)}
@media(max-width:760px){
.pn-qr-celebration-overlay{padding:10px;align-items:flex-end}
.pn-qr-celebration-shell{
        width:100%;max-height:min(92dvh,820px);
        padding:34px 20px calc(20px + env(safe-area-inset-bottom));
        border-radius:28px 28px 18px 18px;
    }
.pn-qr-celebration-mark{width:58px;height:58px;margin-bottom:21px;border-radius:18px}
.pn-qr-celebration-mark .pn-icon-svg{width:28px;height:28px}
.pn-qr-celebration-shell>h2{font-size:clamp(34px,10vw,44px)}
.pn-qr-celebration-offer{padding:15px;border-radius:19px}
}
@media(prefers-reduced-motion:reduce){
.pn-qr-celebration-shell,
.pn-qr-celebration-sparks i{animation:none!important}
}
.pn-guest-intent-signin{position:relative;z-index:2;margin:20px auto 0;border:0;background:transparent;color:rgba(255,255,255,.72);font:inherit;font-size:13px;cursor:pointer;padding:8px 12px;border-radius:999px;transition:background .18s ease,color .18s ease,transform .18s ease}
.pn-guest-intent-signin strong{color:#fff}
.pn-guest-intent-signin:hover,
.pn-guest-intent-signin:focus-visible{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px);outline:none}
@media(max-width:700px){
.pn-guest-intent-signin{margin-top:14px;font-size:12px}
.pn-guest-intent-footnote{margin-top:8px}
}
.pn-password-input-wrap{position:relative;display:block;width:100%}
.pn-password-input-wrap>.pn-input{display:block;width:100%;padding-right:58px}
.pn-password-visibility{position:absolute;right:7px;top:50%;z-index:2;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--pn-muted);display:grid;place-items:center;transform:translateY(-50%);appearance:none;-webkit-appearance:none;cursor:pointer;line-height:0;font-size:0;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.pn-password-visibility:hover,
.pn-password-visibility:active,
.pn-password-visibility:focus-visible,
.pn-password-visibility.is-visible{background:rgba(92,74,130,.08);color:var(--pn-ink)}
.pn-password-visibility:focus-visible{outline:2px solid var(--pn-primary);outline-offset:2px}
.pn-password-visibility .pn-icon-svg{width:19px;height:19px;display:block;pointer-events:none}
html.pn-landing-experience,
body.pn-landing-experience,
.pn-guest-shell,
.pn-guest-intent-splash,
body.pn-landing-experience .pn-modal-overlay{
    font-family: var(--pn-font) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pn-guest-shell,
.pn-guest-shell *,
.pn-guest-shell *::before,
.pn-guest-shell *::after,
.pn-guest-intent-splash,
.pn-guest-intent-splash *,
.pn-guest-intent-splash *::before,
.pn-guest-intent-splash *::after,
body.pn-landing-experience .pn-modal-overlay,
body.pn-landing-experience .pn-modal-overlay *,
body.pn-landing-experience .pn-modal-overlay *::before,
body.pn-landing-experience .pn-modal-overlay *::after{
    box-sizing: border-box;
}
.pn-guest-shell button,
.pn-guest-shell input,
.pn-guest-shell select,
.pn-guest-shell textarea,
.pn-guest-intent-splash button,
.pn-guest-intent-splash input,
.pn-guest-intent-splash select,
.pn-guest-intent-splash textarea,
body.pn-landing-experience .pn-modal-overlay button,
body.pn-landing-experience .pn-modal-overlay input,
body.pn-landing-experience .pn-modal-overlay select,
body.pn-landing-experience .pn-modal-overlay textarea{
    font-family: var(--pn-font) !important;
}
.pn-landing h1,
.pn-landing h2,
.pn-landing h3,
.pn-landing p,
.pn-landing li,
.pn-landing small,
.pn-landing strong,
.pn-guest-intent-splash h2,
.pn-guest-intent-splash p,
.pn-guest-intent-splash small,
.pn-guest-intent-splash strong,
.pn-guest-intent-splash em{
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}
.pn-landing{
    height: 100vh;
    height: 100dvh;
}
.pn-landing-stage{
    height: calc(100vh - 78px);
    height: calc(100dvh - 78px);
}
.pn-guest-intent-dialog,
body.pn-landing-experience .pn-auth-shell,
body.pn-landing-experience .pn-temp-trial-shell,
body.pn-landing-experience .pn-qr-celebration-shell{
    min-width: 0;
    max-width: 100%;
}
@media (max-height: 780px) and (min-width: 761px){
.pn-landing-stage{
        height: calc(100vh - 68px);
        height: calc(100dvh - 68px);
    }
}
@media (max-width: 760px){
.pn-landing-stage{
        height: calc(100vh - 66px);
        height: calc(100dvh - 66px);
    }
.pn-landing-slide,
.pn-landing-section.pn-landing-slide,
.pn-audience-section.pn-landing-slide,
.pn-token-section.pn-landing-slide,
.pn-how-strip.pn-landing-slide,
.pn-final-cta.pn-landing-slide{
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        touch-action: pan-y pan-x;
    }
.pn-landing-slide::-webkit-scrollbar{ display: none; }
.pn-guest-intent-dialog{ width: 100%; }
}
@media (max-width: 760px) and (max-height: 620px){
.pn-guest-intent-splash{
        place-items: start center;
    }
.pn-guest-intent-dialog{
        margin: 0;
    }
}
.pn-landing-nav,
.pn-landing-nav > .pn-landing-brand,
.pn-landing-nav > div,
.pn-landing-nav > .pn-btn{
    box-sizing: border-box;
}
.pn-landing-nav{
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.pn-landing-nav > .pn-landing-brand,
.pn-landing-nav > div,
.pn-landing-nav > .pn-btn{
    align-self: center;
    margin-block: 0;
}
.pn-landing-brand{
    min-width: 0;
    align-items: center;
    line-height: 1;
}
.pn-landing-brand .pn-brand-mark-small{
    flex: 0 0 auto;
    margin: 0;
}
.pn-landing-brand > span:last-child{
    min-width: 0;
    line-height: 1;
}
.pn-landing-brand strong,
.pn-landing-brand small,
.pn-landing-nav > div a,
.pn-landing-nav > .pn-btn{
    line-height: 1.2;
}
.pn-landing-nav > div{
    min-width: 0;
    flex-wrap: nowrap;
}
.pn-landing-nav > div a{
    white-space: nowrap;
}
.pn-landing-nav > .pn-btn{
    display: inline-flex;
    justify-self: end;
    min-width: max-content;
    white-space: nowrap;
}
@media (max-width: 1040px) and (min-width: 761px){
.pn-landing-nav{
        gap: 14px;
        padding-inline: 22px;
    }
.pn-landing-nav > div{
        gap: 16px;
    }
.pn-landing-nav > div a{
        font-size: 11px;
    }
}
@media (max-width: 760px){
.pn-landing-nav{
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding-inline: 14px;
    }
.pn-landing-nav > .pn-landing-brand,
.pn-landing-nav > .pn-btn{
        align-self: center;
    }
.pn-landing-brand{
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
.pn-landing-brand > span:last-child{
        overflow: hidden;
    }
.pn-landing-brand strong,
.pn-landing-brand small{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.pn-landing-nav > .pn-btn{
        min-height: 42px;
        margin: 0;
        padding-inline: 14px;
    }
}
:root{
    --pn-theme-gradient: linear-gradient(145deg, #b87990 0%, #91536d 50%, #5b172d 100%);
    --pn-theme-surface: rgba(255,255,255,.92);
    --pn-theme-surface-soft: rgba(255,248,251,.80);
    --pn-theme-border: rgba(255,255,255,.52);
    --pn-theme-glass-blur: 20px;
    --pn-theme-shadow: 0 18px 52px 0 rgba(38,21,29,.16);
    --pn-palette-romance-accent: #91536d;
    --pn-palette-romance-strong: #5b172d;
    --pn-palette-romance-highlight: #b87990;
    --pn-palette-romance-gradient: linear-gradient(145deg,#b87990,#91536d,#5b172d);
    --pn-palette-platonic-accent: #7462f5;
    --pn-palette-platonic-strong: #5a47e6;
    --pn-palette-platonic-highlight: #a693ff;
    --pn-palette-platonic-gradient: linear-gradient(145deg,#a693ff,#7462f5,#5a47e6);
    --pn-palette-business-accent: #119c92;
    --pn-palette-business-strong: #0c7f77;
    --pn-palette-business-highlight: #55cec3;
    --pn-palette-business-gradient: linear-gradient(145deg,#55cec3,#119c92,#0c7f77);
}
.pn-brand-mark{
    background: var(--pn-theme-gradient) !important;
}
.pn-modal-content{
    background: var(--pn-theme-surface) !important;
    border-color: var(--pn-theme-border) !important;
    -webkit-backdrop-filter: blur(var(--pn-theme-glass-blur));
    backdrop-filter: blur(var(--pn-theme-glass-blur));
}
:root{
    --pn-theme-text: #23212c;
    --pn-theme-text-muted: #706b86;
    --pn-theme-on-accent: #ffffff;
}