@font-face{
    font-family: PKMarketingDisplay;
    src: url('assets/PortalKitDisplay-Demi.otf') format('opentype');
    font-weight: 600 800;
    font-display: swap
}
@font-face{
    font-family: PKMarketingBody;
    src: url('assets/DejaVuSans.ttf') format('truetype');
    font-weight: 400;
    font-display: swap
}
@font-face{
    font-family: PKMarketingBody;
    src: url('assets/DejaVuSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap
}
.pk-marketing{
    --ink: #23283f;
    --paper: #f6f2e9;
    --teal: #006b60;
    --citron: #d8ef78;
    --muted: #626477;
    --line: #d8d5cd;
    --lilac: #e3d9f4;
    --plum: #242034;
    --display: PKMarketingDisplay,sans-serif;
    --body: PKMarketingBody,sans-serif
}
.pk-marketing *{
    box-sizing: border-box
}
html.pk-marketing-document{
    scroll-behavior: smooth;
    scroll-padding-top: 100px
}
.pk-marketing{
    margin: 0;
    color: var(--ink);
    background: var(--paper);
    font-family: var(--body);
    font-size: 15px;
    line-height: 1.7
}
.pk-marketing button, .pk-marketing input{
    font: inherit
}
.pk-marketing button, .pk-marketing a{
    -webkit-tap-highlight-color: transparent
}
.pk-marketing a{
    color: inherit;
    text-decoration: none
}
.pk-marketing button{
    cursor: pointer
}
.pk-marketing button:focus-visible, .pk-marketing a:focus-visible, .pk-marketing input:focus-visible{
    outline: 3px solid var(--teal);
    outline-offset: 5px
}
.pk-marketing button{
    color: inherit
}
.pk-marketing img{
    max-width: 100%;
    display: block;
    height: auto
}
.pk-marketing h1, .pk-marketing h2, .pk-marketing h3, .pk-marketing p, .pk-marketing figure{
    margin: 0
}
.pk-marketing h1, .pk-marketing h2, .pk-marketing h3{
    font-family: var(--display);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.035em
}
.pk-marketing h1{
    font-size: clamp(54px,5.9vw,92px);
    line-height: 1.04
}
.pk-marketing h2{
    font-size: clamp(34px,3.3vw,54px)
}
.pk-marketing h3{
    font-size: 27px
}
.pk-marketing p{
    color: var(--muted)
}
.pk-marketing .shell{
    max-width: 1420px;
    width: calc(100% - 120px);
    margin-inline: auto
}
.pk-marketing .section{
    padding-block: 112px
}
.pk-marketing .eyebrow{
    text-transform: uppercase;
    letter-spacing: .17em;
    font-size: 10px;
    line-height: 1.6;
    font-weight: 700;
    color: var(--teal);
    margin-bottom: 23px
}
.pk-marketing .eyebrow.light{
    color: #d9dfc9
}
.pk-marketing .text-link{
    display: inline-flex;
    align-items: center;
    gap: 24px;
    font-size: 13px;
    font-weight: 700;
    padding-block: 8px;
    border: 0;
    background: none;
    color: var(--teal);
    text-align: left
}
.pk-marketing .text-link span{
    transition: transform .2s
}
.pk-marketing .text-link:hover span{
    transform: translate(3px,-3px)
}
.pk-marketing .pale{
    color: var(--paper)
}
.pk-marketing .button{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: 17px 23px;
    border: 0;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
    transition: transform .2s,box-shadow .2s
}
.pk-marketing .button:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 28px #0002
}
.pk-marketing .citron{
    background: var(--citron);
    color: var(--ink)
}
.pk-marketing .teal{
    background: var(--teal);
    color: white
}
.pk-marketing .actions{
    display: flex;
    align-items: center;
    gap: 27px;
    flex-wrap: wrap
}
.pk-marketing .fineprint{
    font-size: 11px;
    line-height: 1.7
}
.pk-marketing .skip{
    position: fixed;
    top: -80px;
    left: 20px;
    padding: 12px 20px;
    background: white;
    z-index: 99
}
.pk-marketing .skip:focus{
    top: 10px
}
.pk-marketing .site-header{
    height: 93px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1540px;
    margin: auto;
    padding: 0 60px;
    color: var(--paper)
}
.pk-marketing .brand{
    display: inline-flex;
    align-items: center;
    gap: 11px;
    line-height: 1.05;
    flex: none
}
.pk-marketing .brand b{
    font-family: var(--display);
    font-size: 27px;
    letter-spacing: -.035em
}
.pk-marketing .brand em{
    font-style: normal;
    font-size: 12px;
    color: var(--citron);
    display: block;
    margin-top: 4px;
    letter-spacing: .015em
}
.pk-marketing .brand img{
    width: 41px;
    height: 48px;
    object-fit: contain
}
.pk-marketing .site-header nav{
    display: flex;
    align-items: center;
    gap: 35px;
    font-size: 12px
}
.pk-marketing .site-header nav a:not(.nav-cta){
    opacity: .85
}
.pk-marketing .site-header nav a:hover{
    opacity: 1
}
.pk-marketing .nav-cta{
    padding: 11px 18px;
    border: 1px solid #ffffff40;
    border-radius: 5px;
    display: flex;
    gap: 20px
}
.pk-marketing .mobile-menu, .pk-marketing #mobile-nav{
    display: none
}
.pk-marketing .hero{
    background: #1d2031;
    color: var(--paper);
    position: relative;
    overflow: hidden;
    padding-top: 132px;
    min-height: 850px
}
.pk-marketing .hero-haze{
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 77% 32%,#59537366,transparent 44%),radial-gradient(ellipse at 79% 62%,#4f705b44,transparent 38%),radial-gradient(ellipse at 49% 55%,#78494f33,transparent 36%);
    pointer-events: none
}
.pk-marketing .hero:after{
    content: "";
    position: absolute;
    width: 1200px;
    height: 350px;
    bottom: -330px;
    left: 15%;
    border-radius: 50%;
    background: var(--citron);
    filter: blur(120px);
    opacity: .2
}
.pk-marketing .hero-grid{
    display: grid;
    grid-template-columns: 1fr 1.12fr;
    align-items: center;
    gap: 25px;
    position: relative
}
.pk-marketing .hero-copy{
    position: relative;
    z-index: 5;
    padding: 52px 0 30px
}
.pk-marketing .hero h1 span{
    color: #e6ebd1
}
.pk-marketing .hero .lead{
    color: #c2c3ca;
    font-size: 16px;
    max-width: 440px;
    margin-top: 30px;
    line-height: 1.8
}
.pk-marketing .hero .actions{
    margin-top: 33px
}
.pk-marketing .hero-small{
    font-size: 11px;
    line-height: 1.8;
    margin-top: 30px;
    color: #a6a9b5
}
.pk-marketing .little-door{
    width: 10px;
    height: 13px;
    border: 2px solid var(--citron);
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}
.pk-marketing .portal-scene{
    position: relative;
    min-width: 0;
    perspective: 1100px
}
.pk-marketing .portal-architecture{
    position: absolute;
    top: -28px;
    left: 19%;
    height: 565px;
    width: 410px;
    filter: drop-shadow(0 0 24px #d8ef7817);
    transform: rotateY(-10deg);
    animation: gate-arrive 1.8s cubic-bezier(.2,.8,.2,1) both
}
.pk-marketing .portal-mark-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
@supports (translate: 0 1px) {
    .pk-marketing .portal-architecture,
    .pk-marketing .arch-interior {
        translate: 0 var(--hero-logo-shift, 0px);
    }
    .pk-marketing .hero-product,
    .pk-marketing .scene-note {
        translate: 0 var(--hero-product-shift, 0px);
    }
    .pk-marketing.motion-off .portal-architecture,
    .pk-marketing.motion-off .arch-interior,
    .pk-marketing.motion-off .hero-product,
    .pk-marketing.motion-off .scene-note {
        translate: none;
    }
}
.pk-marketing .arch-depth{
    transform: translate(4px,2px)
}
.pk-marketing .arch-interior{
    position: absolute;
    width: 251px;
    height: 396px;
    top: 86px;
    left: calc(19% + 117px);
    border-radius: 140px 140px 0 0;
    background: radial-gradient(ellipse at 50% 100%,#c8de9566,transparent 68%),linear-gradient(135deg,#85739766,#17263199);
    box-shadow: inset 0 0 55px #c9dca925,0 0 60px #a8d0b411;
    animation: portal-breathe 8s ease-in-out infinite
}
.pk-marketing .portal-orbit{
    position: absolute;
    border: 1px solid #e3d9f419;
    border-radius: 50%;
    width: 590px;
    height: 590px;
    left: 0;
    top: -24px;
    transform: rotateX(58deg) rotateZ(-24deg);
    pointer-events: none
}
.pk-marketing .orbit-two{
    width: 680px;
    height: 680px;
    left: -40px;
    top: -60px;
    border-color: #d8ef7810;
    transform: rotateY(49deg) rotateZ(26deg)
}
.pk-marketing .threshold-light{
    position: absolute;
    bottom: 75px;
    left: 16%;
    width: 430px;
    height: 24px;
    background: #d8ef78;
    filter: blur(28px);
    border-radius: 50%;
    opacity: .17
}
.pk-marketing .hero-product{
    position: relative;
    margin-top: 280px;
    left: -4%;
    width: 106%;
    transform-origin: 65% 10%;
    transform: rotateY(-8deg) rotateX(3deg) rotateZ(-2deg);
    box-shadow: 0 38px 85px #0008;
    animation: workspace-arrive 2s .85s cubic-bezier(.15,.8,.2,1) both;
    transition: transform .4s
}
.pk-marketing .hero-product:hover{
    transform: rotateY(0) rotateX(0) rotateZ(0) translateY(-5px)
}
.pk-marketing .product-window{
    border: 1px solid #ffffff33;
    border-radius: 11px;
    overflow: hidden;
    padding: 0;
    background: #1e1c2c;
    text-align: left;
    color: var(--paper)
}
.pk-marketing .window-top{
    height: 31px;
    background: #29273b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px;
    font-size: 8px;
    letter-spacing: .03em;
    color: #c1bdcf
}
.pk-marketing .window-dots{
    color: #8f8b9b;
    letter-spacing: 3px;
    font-size: 7px
}
.pk-marketing .scene-note{
    display: block;
    margin-top: 40px;
    text-align: right;
    font-size: 10px;
    color: #bebfcb;
    letter-spacing: .035em
}
.pk-marketing .live-dot{
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--citron);
    margin-right: 8px;
    box-shadow: 0 0 8px #d8ef7866
}
.pk-marketing .portal-dust{
    position: absolute;
    inset: 0;
    pointer-events: none
}
.pk-marketing .portal-dust i{
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #eee8c4;
    box-shadow: 0 0 8px #d8ef78;
    animation: float-dust 8s infinite;
    opacity: 0
}
.pk-marketing .hero-bottom{
    position: relative;
    z-index: 4;
    margin-top: 28px;
    border-top: 1px solid #ffffff18;
    padding-block: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px
}
.pk-marketing .hero-bottom p{
    font-size: 10px;
    letter-spacing: .07em;
    color: #abaebb
}
.pk-marketing .hero-bottom p span{
    padding: 0 13px;
    color: #737987
}
.pk-marketing .dark-section{
    color: var(--paper);
    background: var(--ink)
}
.pk-marketing .section-heading{
    margin-bottom: 43px
}
.pk-marketing .intro.section {
    padding-bottom: clamp(24px, 3vw, 40px);
}
.pk-marketing .intro-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(32px, 5vw, 75px);
    align-items: start;
    margin-bottom: 60px
}
.pk-marketing .large-copy{
    font-size: 21px;
    line-height: 1.65;
    color: var(--ink)
}
.pk-marketing .intro-grid .text-link{
    margin-top: 20px
}
.pk-marketing .journey{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    border-block: 1px solid var(--line);
    padding-block: 26px;
    gap: 20px;
    font-size: 12px
}
.pk-marketing .journey span{
    display: flex;
    align-items: center;
    gap: 12px
}
.pk-marketing .journey i{
    font-style: normal;
    font-size: 9px;
    border: 1px solid #c7c9b9;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    color: var(--teal)
}
.pk-marketing .attendee{
    background: #e9e5de;
    padding-top: 115px;
    padding-bottom: 120px;
    overflow: hidden
}
.pk-marketing .attendee-grid{
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 75px;
    align-items: center
}
.pk-marketing .attendee-copy p:not(.eyebrow){
    max-width: 430px;
    margin-top: 23px;
    font-size: 14px
}
.pk-marketing .benefit-list{
    list-style: none;
    padding: 0;
    margin: 26px 0;
    font-size: 12px;
    color: var(--muted)
}
.pk-marketing .benefit-list li{
    margin: 17px 0;
    position: relative;
    padding-left: 21px
}
.pk-marketing .benefit-list li:before{
    content: "";
    position: absolute;
    width: 6px;
    height: 9px;
    border: 1.5px solid var(--teal);
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    left: 0;
    top: 6px
}
.pk-marketing .benefit-list b{
    color: var(--ink);
    font-weight: 700
}
.pk-marketing .attendee-visual{
    position: relative;
    margin-right: 55px;
    padding-bottom: 48px
}
.pk-marketing .rounded-screen{
    border: 1px solid #ffffff30;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 25px 60px #27223b22;
    transform: rotate(-1deg)
}
.pk-marketing .image-button{
    padding: 0;
    border: 0;
    background: transparent;
    display: block;
    width: 100%;
    cursor: zoom-in;
    overflow: hidden
}
.pk-marketing .image-button img{
    width: 100%;
    transition: filter .3s
}
.pk-marketing .image-button:hover img{
    filter: brightness(1.04)
}
.pk-marketing .phone-frame{
    position: absolute;
    right: -58px;
    bottom: 50px;
    width: 135px;
    border: 5px solid #2a2638;
    border-radius: 22px;
    box-shadow: 0 20px 35px #0005;
    transform: rotate(5deg)
}
.pk-marketing figcaption{
    font-size: 11px;
    line-height: 1.8;
    margin-top: 23px;
    color: var(--ink)
}
.pk-marketing figcaption small{
    display: block;
    color: var(--muted);
    font-size: 9px;
    line-height: 1.6;
    margin-top: 4px
}
.pk-marketing .split-heading{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 60px
}
.pk-marketing .split-heading>p{
    max-width: 340px;
    font-size: 14px;
    line-height: 1.8
}
.pk-marketing .organizer-heading {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.5vw, 24px);
}
.pk-marketing .organizer-symbol {
    width: clamp(48px, 7vw, 100px);
    height: auto;
    flex: none;
}
.pk-marketing .dark-section p{
    color: #bfc1cc
}
.pk-marketing .tab-bar{
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    border-bottom: 1px solid #ffffff25;
    overflow: auto
}
.pk-marketing .tab-bar button{
    color: #b4b9c7;
    font-size: 13px;
    white-space: nowrap;
    background: none;
    padding: 20px 0;
    border: 0;
    border-bottom: 3px solid transparent
}
.pk-marketing .tab-bar button[aria-selected=true]{
    color: var(--citron);
    border-bottom-color: var(--citron)
}
.pk-marketing .tab-copy{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    padding: 37px 0 31px
}
.pk-marketing .micro-label{
    display: block;
    color: var(--citron);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: 10px
}
.pk-marketing .tab-copy h3{
    font-size: 28px;
    max-width: 560px
}
.pk-marketing .tab-copy p{
    max-width: 400px;
    font-size: 13px
}
.pk-marketing .operation-facts{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
    border-top: 1px solid #ffffff20;
    margin-top: 45px;
    padding-top: 29px
}
.pk-marketing .document-workflow {
    margin-top: 0;
}
.pk-marketing .registration-collage {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px 26px;
    align-items: start;
    padding: 12px 6px 0;
}
.pk-marketing .registration-view { min-width: 0; margin: 0; }
.pk-marketing .registration-view-form { grid-column: 1 / 6; grid-row: 1; }
.pk-marketing .registration-view-payments { grid-column: 6 / 9; grid-row: 1 / 3; width: min(100%, 230px); justify-self: center; align-self: center; }
.pk-marketing .registration-view-organizer { grid-column: 1 / 6; grid-row: 2; }
.pk-marketing .registration-view-needs { grid-column: 9 / 13; grid-row: 1 / 3; align-self: center; }
.pk-marketing .registration-device {
    padding: 0;
    border: 1px solid #ffffff38;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 18px 38px #0004;
    background: #f1eef6;
}
.pk-marketing .registration-view-payments .registration-device {
    border: 4px solid #24232d;
    border-radius: 22px;
    box-shadow: 0 0 0 1px #ffffff20, 0 16px 30px #0004;
}
.pk-marketing .registration-view figcaption { margin-top: 16px; color: var(--paper); }
.pk-marketing .registration-view-number { display: block; color: var(--citron); font-size: 10px; letter-spacing: .14em; margin-bottom: 8px; }
.pk-marketing .registration-view figcaption strong { display: block; font-size: 14px; }
.pk-marketing .registration-view figcaption small { color: #bfc1cc; font-size: 11px; }
.pk-marketing .registration-workflow-note { max-width: 840px; margin: 28px auto 0; text-align: center; }
.pk-marketing .registration-signing-heading { margin-top: 48px; padding-top: 36px; border-top: 1px solid #ffffff20; }
.pk-marketing .registration-signing-heading h4 { margin: 0; font-family: var(--display); font-size: 28px; font-weight: 600; line-height: 1.2; max-width: 650px; }
.pk-marketing .registration-signing-heading p { max-width: 780px; margin-top: 16px; font-size: 13px; }
@media (max-width: 1000px) {
    .pk-marketing .registration-collage { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
    .pk-marketing .registration-view-form { grid-column: 1; grid-row: 1; }
    .pk-marketing .registration-view-payments { grid-column: 2; grid-row: 1; width: min(100%, 230px); justify-self: center; padding-top: 0; }
    .pk-marketing .registration-view-organizer { grid-column: 1; grid-row: 2; }
    .pk-marketing .registration-view-needs { grid-column: 2; grid-row: 2; padding-top: 0; }
}
@media (max-width: 600px) {
    .pk-marketing .registration-collage { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-inline: 0; }
    .pk-marketing .registration-view { grid-column: auto; grid-row: auto; }
    .pk-marketing .registration-view-payments { width: min(80%, 230px); }
    .pk-marketing .registration-signing-heading h4 { font-size: 25px; }
}
.pk-marketing #organizer-panel [hidden] {
    display: none;
}
.pk-marketing:not(.has-marketing-js) #document-workflow[hidden] {
    display: block !important;
}
.pk-marketing:not(.has-marketing-js) #registration-workflow[hidden] {
    display: block !important;
}
.pk-marketing:not(.has-marketing-js) #program-workflow[hidden] {
    display: block !important;
}
.pk-marketing:not(.has-marketing-js) #budget-workflow[hidden] {
    display: block !important;
}
.pk-marketing:not(.has-marketing-js) #operations-workflow[hidden] {
    display: block !important;
}
.pk-marketing .budget-collage {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
    grid-template-areas: "dashboard editor" "ledger mobile";
    gap: 32px;
    align-items: start;
    padding: 12px 0 24px;
    background: radial-gradient(ellipse at 70% 50%, #d2a6c214, transparent 65%);
}
.pk-marketing .budget-view, .pk-marketing .program-view, .pk-marketing .operations-view { min-width: 0; margin: 0; }
.pk-marketing .budget-view-dashboard { grid-area: dashboard; }
.pk-marketing .budget-view-editor { grid-area: editor; padding-top: 44px; }
.pk-marketing .budget-view-ledger { grid-area: ledger; }
.pk-marketing .budget-view-mobile { grid-area: mobile; width: min(66%, 230px); justify-self: center; }
.pk-marketing .budget-device, .pk-marketing .program-device, .pk-marketing .operations-device {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ffffff40;
    border-radius: 10px;
    box-shadow: 0 18px 40px #0004, 0 0 0 1px #0002;
}
.pk-marketing .budget-device img, .pk-marketing .program-device img, .pk-marketing .operations-device img { display: block; width: 100%; height: auto; }
.pk-marketing .budget-view-mobile .budget-device, .pk-marketing .program-view-mobile .program-device, .pk-marketing .operations-view-mobile .operations-device {
    border: 4px solid #24232d;
    border-radius: 22px;
    box-shadow: 0 0 0 1px #ffffff38, 0 18px 35px #0005;
}
.pk-marketing .budget-view figcaption, .pk-marketing .program-view figcaption, .pk-marketing .operations-view figcaption { margin-top: 16px; color: var(--paper); }
.pk-marketing .budget-view-number, .pk-marketing .program-view-number, .pk-marketing .operations-view-number { color: var(--citron); margin-right: 10px; font-size: 10px; }
.pk-marketing .budget-view figcaption strong, .pk-marketing .program-view figcaption strong, .pk-marketing .operations-view figcaption strong { font-size: 12px; }
.pk-marketing .budget-view figcaption small, .pk-marketing .program-view figcaption small, .pk-marketing .operations-view figcaption small { color: #bfc1cc; font-size: 10px; }
.pk-marketing .budget-workflow-note, .pk-marketing .program-workflow-note, .pk-marketing .operations-workflow-note { max-width: 850px; }
.pk-marketing .program-collage, .pk-marketing .operations-collage {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px;
    align-items: start;
    padding: 12px 0 24px;
    background: radial-gradient(ellipse at 55% 40%, #7aa2f710, transparent 65%);
}
.pk-marketing .program-view-planning { grid-column: span 9; }
.pk-marketing .program-view-mobile { grid-column: span 3; width: min(100%, 230px); justify-self: center; padding-top: 32px; }
.pk-marketing .program-view-workshops { grid-column: span 7; }
.pk-marketing .program-view-presenters { grid-column: span 5; padding-top: 32px; }
.pk-marketing .program-view-public { grid-column: span 8; width: min(100%, 680px); }
.pk-marketing .program-view-show { grid-column: span 4; width: min(100%, 360px); justify-self: center; padding-top: 48px; }
.pk-marketing .operations-collage { background: radial-gradient(ellipse at 55% 40%, #d9a53f10, transparent 65%); }
.pk-marketing .operations-view-volunteers { grid-column: span 9; }
.pk-marketing .operations-view-mobile { grid-column: span 3; width: min(100%, 230px); justify-self: center; padding-top: 32px; }
.pk-marketing .operations-view-checkin, .pk-marketing .operations-view-spaces { grid-column: span 6; }
.pk-marketing .operations-view-spaces { padding-top: 32px; }
.pk-marketing .operations-view-lodging, .pk-marketing .operations-view-needs { grid-column: span 6; }
.pk-marketing .operations-view-needs { padding-top: 32px; }
@media (max-width: 1000px) {
    .pk-marketing .program-view-planning { grid-column: span 12; }
    .pk-marketing .program-view-mobile { grid-column: 9 / span 4; grid-row: 2 / span 2; padding-top: 0; }
    .pk-marketing .program-view-workshops, .pk-marketing .program-view-presenters { grid-column: span 8; padding-top: 0; }
    .pk-marketing .operations-view-volunteers { grid-column: span 12; }
    .pk-marketing .operations-view-mobile { grid-column: 9 / span 4; grid-row: 2 / span 2; padding-top: 0; }
    .pk-marketing .operations-view-checkin, .pk-marketing .operations-view-spaces { grid-column: span 8; padding-top: 0; }
}
@media (max-width: 600px) {
    .pk-marketing .program-collage, .pk-marketing .operations-collage { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .pk-marketing .program-view { grid-column: auto; grid-row: auto; padding-top: 0; }
    .pk-marketing .operations-view { grid-column: auto; grid-row: auto; padding-top: 0; }
    .pk-marketing .operations-view-mobile { width: min(80%, 260px); }
    .pk-marketing .program-view-mobile { width: min(80%, 260px); }
    .pk-marketing .program-view-show { width: 78%; justify-self: center; }
}
@media (max-width: 1000px) {
    .pk-marketing .budget-collage {
        grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
        grid-template-areas: "dashboard dashboard" "editor mobile" "ledger ledger";
        gap: 28px;
    }
    .pk-marketing .budget-view-editor { padding-top: 0; }
    .pk-marketing .budget-view-mobile { width: min(100%, 230px); }
}
@media (max-width: 600px) {
    .pk-marketing .budget-collage { grid-template-columns: minmax(0, 1fr); grid-template-areas: "dashboard" "editor" "ledger" "mobile"; }
    .pk-marketing .budget-view-mobile { width: min(80%, 260px); }
}
.pk-marketing .document-table {
    position: relative;
    isolation: isolate;
    margin-top: 24px;
    background: radial-gradient(ellipse at 50% 45%, #d8ef7810, transparent 65%);
}
.pk-marketing .document-orbit {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 90%;
    z-index: -1;
    overflow: visible;
    fill: none;
    stroke: #d8ef7838;
    stroke-width: 1;
    pointer-events: none;
}
.pk-marketing .document-orbit ellipse + ellipse {
    stroke: #e3d9f426;
    stroke-dasharray: 4 9;
}
.pk-marketing .document-orbit circle {
    fill: var(--citron);
    stroke: none;
}
.pk-marketing .document-hand {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    list-style: none;
    max-width: 1120px;
    margin: 0 auto;
    padding: 64px 32px 20px;
}
.pk-marketing .document-step {
    min-width: 0;
    --document-angle: -9deg;
    --document-drop: 30px;
}
.pk-marketing .document-step:nth-child(2) { --document-angle: -3deg; --document-drop: 0px; }
.pk-marketing .document-step:nth-child(3) { --document-angle: 4deg; --document-drop: 8px; }
.pk-marketing .document-step:nth-child(4) { --document-angle: 10deg; --document-drop: 38px; }
.pk-marketing .document-device {
    position: relative;
    padding: 0;
    border: 4px solid #24232d;
    border-radius: 22px;
    background: #24232d;
    box-shadow: 0 0 0 1px #ffffff20, 0 16px 30px #0004;
    transform: translateY(var(--document-drop)) rotate(var(--document-angle));
    transform-origin: center;
    transition: translate .25s;
}
.pk-marketing .document-device img { border-radius: 18px; }
.pk-marketing .document-device:hover, .pk-marketing .document-device:focus-visible { translate: 0 -8px; }
.pk-marketing .document-device:focus-visible { outline-color: var(--citron); }
.pk-marketing .document-step figcaption {
    position: relative;
    margin-top: 66px;
    color: var(--paper);
    padding: 0 8px;
}
.pk-marketing .document-step-number {
    display: block;
    color: var(--citron);
    font-size: 10px;
    letter-spacing: .14em;
    margin-bottom: 8px;
}
.pk-marketing .document-step figcaption strong { display: block; font-size: 13px; }
.pk-marketing .document-step figcaption small { color: #bfc1cc; font-size: 11px; }
.pk-marketing .document-workflow-note { max-width: 800px; margin: 24px auto 0; text-align: center; }
@media (max-width: 760px) {
    .pk-marketing .document-hand { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; padding: 32px 12px 0; }
    .pk-marketing .document-step:nth-child(n) { --document-angle: -5deg; --document-drop: 0px; }
    .pk-marketing .document-step:nth-child(even) { --document-angle: 5deg; --document-drop: 12px; }
    .pk-marketing .document-step figcaption { margin-top: 32px; padding: 0; }
    .pk-marketing .document-step figcaption strong { font-size: 12px; }
    .pk-marketing .document-step figcaption small { font-size: 10px; }
    .pk-marketing .document-orbit { height: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .pk-marketing .document-device { transition: none; }
    .pk-marketing .document-device:hover, .pk-marketing .document-device:focus-visible { translate: none; }
}
.pk-marketing.motion-off .document-device { transition: none; }
.pk-marketing.motion-off .document-device:hover, .pk-marketing.motion-off .document-device:focus-visible { translate: none; }
.pk-marketing .operation-facts span{
    color: var(--paper);
    font-family: var(--display);
    font-size: 21px
}
.pk-marketing .operation-facts p{
    font-size: 11px;
    margin-top: 8px
}
.pk-marketing .finance-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 75px;
    align-items: center
}
.pk-marketing .finance h2+p{
    margin-top: 25px;
    font-size: 14px;
    line-height: 1.85
}
.pk-marketing .payment-fee-note {
    border-left: 3px solid var(--teal);
    padding: 16px 20px;
    background: #006b6009;
    margin-block: 25px;
}
.pk-marketing .payment-fee-title {
    font-weight: 700;
    font-size: 15px;
    color: var(--teal);
    margin-bottom: 8px;
}
.pk-marketing .finance-summary {
    font-size: 13px;
}
.pk-marketing .finance-summary strong {
    color: var(--ink);
}
.pk-marketing .finance-points{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    margin-top: 33px
}
.pk-marketing .finance-points span{
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--teal)
}
.pk-marketing .finance-points h3{
    font-size: 23px;
    margin-top: 9px
}
.pk-marketing .finance-points p{
    font-size: 12px;
    margin-top: 12px
}
.pk-marketing .finance .fineprint{
    margin-top: 25px;
    max-width: 560px
}
.pk-marketing .payment-provider-collage {
    margin-top: 36px;
    padding: 24px 12px 0;
    border-top: 1px solid var(--line);
}
.pk-marketing .payment-screens { position: relative; }
.pk-marketing .provider-heading {
    font-family: var(--display);
    font-size: 21px;
    color: var(--ink);
    text-align: center;
}
.pk-marketing .payment-provider-logos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    list-style: none;
    padding: 20px 0;
    margin: 0;
}
.pk-marketing .payment-provider-logos li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 10px;
    border: 1px solid #23283f18;
    border-radius: 12px;
    background: #e3d9f459;
    box-shadow: 0 7px 18px #23283f09;
    transform: rotate(-3deg);
    color: var(--ink);
    font-size: 12px;
    font-weight: 700;
}
.pk-marketing .payment-provider-logos li:nth-child(even) { transform: rotate(3deg); background: #ffffff80; }
.pk-marketing .payment-provider-logos img { width: 54px; height: 32px; object-fit: contain; }
.pk-marketing .provider-note { font-size: 10px; text-align: center; line-height: 1.8; }
.pk-marketing .adapt{
    background: #ebe7f0
}
.pk-marketing .brand-showcase{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: start
}
.pk-marketing .branding-workbench {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: clamp(28px, 5vw, 75px);
    padding-bottom: 48px;
    margin-bottom: 48px;
    border-bottom: 1px solid #c8c3d3;
}
.pk-marketing .branding-workbench h2 {
    font-size: clamp(28px, 3vw, 42px);
}
.pk-marketing .branding-workbench-copy > p:not(.eyebrow) {
    margin-block: 20px 28px;
    max-width: 430px;
}
.pk-marketing .branding-workbench-copy > .brand-ownership {
    font-weight: 700;
    color: var(--ink);
    margin-block: 20px 16px;
}
.pk-marketing .branding-workbench-copy > .branding-details {
    margin-block: 0 20px;
}
.pk-marketing .branding-workbench-copy > .text-link {
    margin-bottom: 28px;
}
.pk-marketing .branding-workbench img {
    width: 100%;
    border-radius: 8px;
}
.pk-marketing .branding-controls {
    padding: 16px;
    border-radius: 12px;
    background: #ffffff90;
}
.pk-marketing .branding-preview-stage {
    position: relative;
    aspect-ratio: 1 / 1.08;
    isolation: isolate;
}
.pk-marketing .branding-desktop {
    position: absolute;
    inset: 0 0 auto;
    border: 1px solid #ffffff60;
    border-radius: 10px;
    box-shadow: 0 16px 32px #23283f28;
}
.pk-marketing .branding-mobile {
    position: absolute;
    right: 2%;
    bottom: 0;
    width: 31%;
    padding: 0;
    border: 4px solid #24232d;
    border-radius: 20px;
    background: #24232d;
    box-shadow: 0 0 0 1px #ffffff40, 0 16px 30px #23283f38;
    z-index: 2;
}
.pk-marketing .branding-mobile img { border-radius: 16px; }
.pk-marketing .branding-preview-swatch {
    position: absolute;
    left: 2%;
    bottom: 3%;
    width: 56%;
    padding: 10px;
    border: 1px solid #ffffffa0;
    border-radius: 10px;
    background: #f6f2e9;
    box-shadow: 0 10px 20px #23283f18;
}
.pk-marketing .branding-preview-swatch > span {
    display: block;
    margin-bottom: 8px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
}
.pk-marketing .brand-showcase figure{
    padding: 18px;
    background: #ffffff60;
    border: 1px solid #fff9;
    border-radius: 12px
}
.pk-marketing .brand-showcase img{
    border-radius: 4px
}
.pk-marketing .whitelabel-heading {
    max-width: 780px;
    margin-bottom: 30px;
}
.pk-marketing .whitelabel-heading h3 {
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 20px;
}
.pk-marketing .whitelabel-heading > p:last-child {
    font-size: 14px;
}
.pk-marketing .custom-note{
    font-size: 10px;
    max-width: 780px;
    margin-top: 24px
}
.pk-marketing .continuity{
    border-top: 1px solid #c8c3d3;
    margin-top: 75px;
    padding-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 80px;
    align-items: center
}
.pk-marketing .continuity h3{
    font-size: 36px
}
.pk-marketing .continuity-text p:not(.eyebrow){
    font-size: 13px;
    margin-top: 22px;
    max-width: 360px
}
.pk-marketing .continuity-text p.fineprint{
    font-size: 10px
}
.pk-marketing .meetings-image{
    border-radius: 10px;
    border: 1px solid #d2d7d4;
    box-shadow: 0 16px 45px #25263a0d
}
.pk-marketing .scenario-list{
    border-top: 1px solid var(--line)
}
.pk-marketing .scenario-list>a{
    display: grid;
    grid-template-columns: 60px 1fr 1.25fr 30px;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--line);
    padding: 26px 8px;
    transition: background .2s,padding .2s
}
.pk-marketing .scenario-list>a:hover{
    background: #e6e8d9;
    padding-inline: 18px
}
.pk-marketing .scenario-number{
    font-size: 11px;
    color: var(--teal)
}
.pk-marketing .scenario-list h3{
    font-size: 28px
}
.pk-marketing .scenario-list p{
    font-size: 13px
}
.pk-marketing .scenario-list>a>span:last-child{
    font-size: 22px;
    color: var(--teal)
}
.pk-marketing .scenario-note{
    margin-top: 25px
}
.pk-marketing .demo{
    position: relative;
    overflow: hidden;
    background: radial-gradient(ellipse at 15% 50%,#58614b30,transparent 50%),#23283f
}
.pk-marketing .demo-grid{
    display: grid;
    grid-template-columns: .55fr 1.45fr;
    gap: 65px;
    align-items: center
}
.pk-marketing .demo h2{
    font-size: clamp(38px,4.2vw,64px)
}
.pk-marketing .demo p:not(.eyebrow){
    max-width: 650px;
    margin-top: 26px;
    font-size: 14px
}
.pk-marketing .demo .fineprint{
    font-size: 10px!important;
    max-width: 560px!important
}
.pk-marketing .demo .actions{
    margin-top: 30px
}
.pk-marketing .demo-mark{
    height: 300px;
    display: grid;
    place-items: center;
    position: relative
}
.pk-marketing .demo-mark:before{
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    filter: blur(50px);
    background: #acc9971f
}
.pk-marketing .demo-mark img{
    width: 210px;
    opacity: .9
}
.pk-marketing .site-footer{
    padding-block: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap
}
.pk-marketing .dark-brand em{
    color: var(--teal)
}
.pk-marketing .site-footer>p{
    font-size: 12px
}
.pk-marketing .site-footer>div{
    display: flex;
    gap: 25px;
    font-size: 10px
}
.pk-marketing .site-footer>small{
    flex: 1 0 100%;
    font-size: 9px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    padding-top: 23px;
    margin-top: 10px
}
.pk-marketing .image-dialog{
    width: min(95vw,1600px);
    max-width: none;
    max-height: 94vh;
    border: 1px solid #ffffff33;
    background: #191c29;
    color: var(--paper);
    padding: 18px;
    border-radius: 12px;
    overflow: auto
}
.pk-marketing .image-dialog::backdrop, .pk-marketing .guided-dialog::backdrop{
    background: #131523dc;
    backdrop-filter: blur(8px)
}
.pk-marketing .dialog-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 0 14px
}
.pk-marketing .dialog-top p{
    color: #c6c8d1;
    font-size: 12px
}
.pk-marketing .close{
    border: 1px solid #9b9ead66;
    background: none;
    color: inherit;
    line-height: 1;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    font-size: 26px;
    flex: none
}
.pk-marketing .dialog-image-wrap{
    display: flex;
    justify-content: center;
    padding: 18px 0 24px;
    background: radial-gradient(ellipse at center, #e3d9f410, transparent 70%);
}
.pk-marketing .dialog-image-wrap img{
    display: block;
    max-height: 64vh;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.pk-marketing .gallery-device {
    max-width: 100%;
    width: fit-content;
    border: 1px solid #ffffff38;
    border-radius: 11px;
    overflow: hidden;
    background: #24232d;
    box-shadow: 0 18px 45px #0005;
}
.pk-marketing .gallery-screen-bar {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 7px 12px;
    color: #c6c8d1;
    font-size: 10px;
    border-bottom: 1px solid #ffffff20;
}
.pk-marketing .gallery-device[data-platform="phone"] {
    border: 4px solid #24232d;
    border-radius: 22px;
    box-shadow: 0 0 0 1px #ffffff20, 0 18px 45px #0005;
}
.pk-marketing .gallery-device[data-platform="phone"] .gallery-screen-bar { display: none; }
.pk-marketing .gallery-device[data-platform="phone"] img { border-radius: 18px; }
.pk-marketing .dialog-top .gallery-kicker {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--citron);
    margin-bottom: 5px;
}
.pk-marketing #gallery-title { font-size: clamp(20px, 2.2vw, 28px); color: var(--paper); }
.pk-marketing .gallery-context { max-width: 1000px; }
.pk-marketing #gallery-image-title { font-size: 16px; color: var(--paper); }
.pk-marketing #image-caption { margin-top: 6px; color: #c6c8d1; font-size: 12px; }
.pk-marketing .gallery-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border-top: 1px solid #ffffff20;
    padding-top: 14px;
}
.pk-marketing .gallery-navigation button {
    border: 1px solid #ffffff38;
    border-radius: 7px;
    padding: 9px 12px;
    min-height: 44px;
    background: #ffffff08;
    color: var(--paper);
    font-size: 12px;
}
.pk-marketing .gallery-navigation button[aria-disabled="true"] { opacity: .35; cursor: default; }
.pk-marketing #gallery-position { font-size: 12px; color: #c6c8d1; }
@media (max-width: 600px) {
    .pk-marketing .dialog-image-wrap img { max-height: 55vh; }
    .pk-marketing .gallery-navigation button { padding-inline: 10px; }
}
.pk-marketing .guided-dialog{
    background: var(--paper);
    color: var(--ink);
    max-width: 600px;
    width: calc(100% - 36px);
    border: 0;
    padding: 44px;
    border-radius: 16px
}
.pk-marketing .guided-dialog>.close{
    position: absolute;
    right: 18px;
    top: 18px
}
.pk-marketing .guided-dialog .eyebrow{
    padding-right: 30px
}
.pk-marketing .guided-dialog h2{
    font-size: 34px
}
.pk-marketing .guided-dialog h2+p{
    font-size: 13px;
    margin-top: 20px
}
.pk-marketing .guided-dialog fieldset{
    border: 0;
    padding: 0;
    margin: 25px 0
}
.pk-marketing .guided-dialog legend{
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 10px
}
.pk-marketing .guided-dialog label{
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 12px;
    margin: 12px 0
}
.pk-marketing .guided-dialog input{
    accent-color: var(--teal);
    width: 17px;
    height: 17px
}
.pk-marketing .guided-dialog .fineprint{
    margin-top: 18px
}
.pk-marketing.motion-off *, .pk-marketing.motion-off *:before, .pk-marketing.motion-off *:after{
    animation: none!important
}
.pk-marketing.motion-off .hero-product{
    opacity: 1
}
html.pk-marketing-document{
    scroll-behavior: auto
}
@keyframes gate-arrive{
from{
    opacity: 0;
    transform: translateY(30px) scale(.9) rotateY(-20deg)
}
to{
    opacity: 1;
    transform: translateY(0) scale(1) rotateY(-10deg)
}
}
@keyframes workspace-arrive{
0%{
    opacity: 0;
    transform: translate(75px,-80px) scale(.62) rotateY(-20deg)
}
40%{
    opacity: 0
}
100%{
    opacity: 1;
    transform: rotateY(-8deg) rotateX(3deg) rotateZ(-2deg)
}
}
@keyframes portal-breathe{
0%,100%{
    filter: brightness(.85)
}
50%{
    filter: brightness(1.3)
}
}
@keyframes float-dust{
0%{
    opacity: 0;
    transform: translate(0,12px)
}
30%{
    opacity: .55
}
70%{
    opacity: .35
}
100%{
    opacity: 0;
    transform: translate(10px,-70px)
}
}
@media(min-width:1600px){
.pk-marketing .hero{
    min-height: 930px
}
.pk-marketing .hero-copy{
    padding-block: 85px
}
.pk-marketing .hero-product{
    margin-top: 290px;
    width: 100%;
    left: 0
}
.pk-marketing .portal-architecture{
    height: 610px;
    width: 440px
}
.pk-marketing .arch-interior{
    height: 430px;
    left: calc(19% + 128px)
}
.pk-marketing .hero-bottom{
    margin-top: 30px
}
}
@media(max-width:1100px){
.pk-marketing .shell{
    width: calc(100% - 72px)
}
.pk-marketing .site-header{
    padding-inline: 36px
}
.pk-marketing .site-header nav{
    gap: 20px
}
.pk-marketing .hero{
    min-height: 790px
}
.pk-marketing .hero-grid{
    grid-template-columns: 1fr 1fr;
    gap: 10px
}
.pk-marketing .hero h1{
    font-size: 64px
}
.pk-marketing .portal-architecture{
    left: 8%;
    width: 340px;
    height: 485px;
    top: -16px
}
.pk-marketing .arch-interior{
    left: calc(8% + 100px);
    width: 210px;
    height: 340px;
    top: 79px
}
.pk-marketing .hero-product{
    margin-top: 277px;
    left: 0;
    width: 100%
}
.pk-marketing .hero .actions{
    gap: 16px
}
.pk-marketing .hero-bottom{
    margin-top: 15px
}
.pk-marketing .hero-bottom p{
    font-size: 9px
}
.pk-marketing .hero-bottom p span{
    padding: 0 6px
}
.pk-marketing .attendee-grid{
    gap: 40px;
    grid-template-columns: 1fr 1.15fr
}
.pk-marketing .attendee-visual{
    margin-right: 20px
}
.pk-marketing .phone-frame{
    width: 105px;
    right: -30px
}
.pk-marketing .intro-grid{
    gap: 50px
}
.pk-marketing .finance-grid{
    gap: 40px
}
.pk-marketing .finance-points{
    gap: 20px
}
.pk-marketing .finance h2{
    font-size: 39px
}
.pk-marketing .section{
    padding-block: 85px
}
.pk-marketing .split-heading>p{
    max-width: 290px
}
.pk-marketing .tab-copy p{
    max-width: 330px
}
.pk-marketing .continuity{
    gap: 40px
}
.pk-marketing .scenario-list>a{
    grid-template-columns: 40px 1fr 1.2fr 25px
}
.pk-marketing .demo-grid{
    grid-template-columns: .4fr 1.6fr;
    gap: 35px
}
.pk-marketing .demo-mark img{
    width: 165px
}
.pk-marketing .portal-orbit{
    width: 460px;
    height: 460px
}
.pk-marketing .orbit-two{
    width: 500px;
    height: 500px
}
}
@media(max-width:760px){
html.pk-marketing-document{
    scroll-padding-top: 25px
}
.pk-marketing .shell{
    width: calc(100% - 40px)
}
.pk-marketing .section{
    padding-block: 64px
}
.pk-marketing .site-header{
    padding-inline: 20px;
    height: 82px
}
.pk-marketing .brand b{
    font-size: 24px
}
.pk-marketing .brand img{
    width: 34px;
    height: 40px
}
.pk-marketing .brand em{
    font-size: 11px
}
.pk-marketing .site-header nav{
    display: none
}
.pk-marketing .mobile-menu{
    display: flex;
    gap: 12px;
    color: var(--paper);
    background: none;
    border: 1px solid #ffffff40;
    border-radius: 5px;
    padding: 8px 12px;
    font-size: 12px
}
.pk-marketing #mobile-nav:not([hidden]){
    display: flex;
    position: absolute;
    top: 75px;
    left: 16px;
    right: 16px;
    background: #2d3044;
    border: 1px solid #ffffff25;
    padding: 20px;
    flex-direction: column;
    gap: 15px;
    border-radius: 8px;
    box-shadow: 0 20px 35px #0005;
    font-size: 14px
}
.pk-marketing .hero{
    padding-top: 105px;
    min-height: 0
}
.pk-marketing .hero-grid{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0
}
.pk-marketing .hero-copy{
    padding: 25px 0 0
}
.pk-marketing .hero h1{
    font-size: clamp(48px,11.6vw,74px);
    max-width: 650px
}
.pk-marketing .hero .eyebrow{
    font-size: 8px;
    letter-spacing: .12em;
    margin-bottom: 23px
}
.pk-marketing .wide-only{
    display: none
}
.pk-marketing .hero .lead{
    font-size: 14px;
    margin-top: 25px;
    max-width: 490px
}
.pk-marketing .hero .actions{
    gap: 24px;
    margin-top: 25px
}
.pk-marketing .button{
    font-size: 12px;
    padding: 15px 18px;
    gap: 23px
}
.pk-marketing .hero-small{
    font-size: 10px;
    margin-top: 22px
}
.pk-marketing .hero-small br{
    display: none
}
.pk-marketing .portal-scene{
    max-width: 540px;
    width: 100%;
    margin: 24px auto 0
}
.pk-marketing .portal-architecture{
    height: 380px;
    left: calc(50% - 140px);
    width: 280px;
    top: -19px
}
.pk-marketing .arch-interior{
    left: calc(50% - 55px);
    top: 45px;
    width: 157px;
    height: 278px
}
.pk-marketing .hero-product{
    width: 94%;
    margin-top: 192px;
    left: 3%;
    transform: rotateY(-8deg) rotateX(3deg) rotateZ(-2deg)
}
.pk-marketing .window-top{
    height: 25px;
    font-size: 6px
}
.pk-marketing .scene-note{
    font-size: 9px
}
.pk-marketing .threshold-light{
    width: 220px;
    left: 25%;
    bottom: 80px
}
.pk-marketing .portal-orbit{
    width: 380px;
    height: 380px;
    left: calc(50% - 190px);
    top: -10px
}
.pk-marketing .orbit-two{
    width: 430px;
    height: 430px;
    left: calc(50% - 215px)
}
.pk-marketing .hero-bottom{
    padding-block: 24px;
    margin-top: 25px;
    flex-wrap: wrap;
    gap: 13px
}
.pk-marketing .hero-bottom p{
    font-size: 8px;
    letter-spacing: 0
}
.pk-marketing .intro-grid{
    grid-template-columns: 1fr;
    gap: 26px;
    margin-bottom: 34px
}
.pk-marketing .large-copy{
    font-size: 19px
}
.pk-marketing .intro-grid>div>p{
    font-size: 13px
}
.pk-marketing .intro-lead > .large-copy {
    font-size: 19px;
}
.pk-marketing .intro h2 br{
    display: none
}
.pk-marketing .section-heading{
    margin-bottom: 29px
}
.pk-marketing .journey{
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-block: 23px;
    font-size: 11px
}
.pk-marketing .journey span:last-child{
    grid-column: 1/-1
}
.pk-marketing .attendee-grid{
    display: flex;
    flex-direction: column;
    gap: 32px
}
.pk-marketing .attendee-copy p:not(.eyebrow){
    max-width: none;
    font-size: 13px
}
.pk-marketing .attendee-copy h2{
    font-size: 42px
}
.pk-marketing .benefit-list{
    font-size: 12px
}
.pk-marketing .attendee-visual{
    margin: 0 32px 0 0;
    width: calc(100% - 32px);
    padding-bottom: 35px;
    margin-top: 15px
}
.pk-marketing .phone-frame{
    width: 24%;
    right: -30px;
    bottom: 52px;
    border-width: 4px;
    border-radius: 16px
}
.pk-marketing .attendee-visual figcaption{
    max-width: 80%;
    font-size: 10px;
    margin-top: 17px
}
.pk-marketing .attendee-visual figcaption small{
    font-size: 8px
}
.pk-marketing .split-heading{
    display: block
}
.pk-marketing .split-heading>p{
    max-width: 480px;
    font-size: 13px;
    margin-top: 25px
}
.pk-marketing .tab-bar{
    gap: 22px
}
.pk-marketing .tab-bar button{
    font-size: 11px;
    padding: 17px 0
}
.pk-marketing .tab-copy{
    display: block;
    padding-block: 25px
}
.pk-marketing .tab-copy h3{
    font-size: 25px
}
.pk-marketing .tab-copy p{
    max-width: none;
    font-size: 12px;
    margin-top: 15px
}
.pk-marketing .micro-label{
    font-size: 8px
}
.pk-marketing .organizer-image{
    border-radius: 5px
}
.pk-marketing .operation-facts{
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-top: 30px;
    padding-top: 27px
}
.pk-marketing .operation-facts span{
    font-size: 20px
}
.pk-marketing .operation-facts p{
    font-size: 10px
}
.pk-marketing .finance-grid{
    grid-template-columns: 1fr;
    gap: 35px
}
.pk-marketing .finance h2{
    font-size: 37px
}
.pk-marketing .finance h2+p{
    font-size: 13px
}
.pk-marketing .finance-points p{
    font-size: 11px
}
.pk-marketing .finance-points h3{
    font-size: 22px
}
.pk-marketing .finance .fineprint{
    font-size: 10px
}
.pk-marketing .brand-showcase{
    grid-template-columns: 1fr;
    gap: 23px
}
.pk-marketing .branding-workbench {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding-bottom: 32px;
    margin-bottom: 32px;
}
.pk-marketing .branding-workbench-copy > p:not(.eyebrow) {
    max-width: none;
}
.pk-marketing .brand-showcase figure{
    padding: 12px
}
.pk-marketing .brand-showcase figcaption{
    margin-top: 12px;
    font-size: 10px
}
.pk-marketing .custom-note{
    font-size: 9px
}
.pk-marketing .continuity{
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 40px;
    padding-top: 40px
}
.pk-marketing .continuity h3{
    font-size: 31px
}
.pk-marketing .continuity-text p:not(.eyebrow){
    max-width: none
}
.pk-marketing .scenario-list>a{
    grid-template-columns: 28px 1fr 24px;
    gap: 10px;
    padding: 23px 0
}
.pk-marketing .scenario-list h3{
    font-size: 25px
}
.pk-marketing .scenario-list p{
    grid-column: 2;
    grid-row: 2;
    font-size: 11px
}
.pk-marketing .scenario-list>a>span:last-child{
    grid-column: 3;
    grid-row: 1/3
}
.pk-marketing .scenario-number{
    font-size: 9px
}
.pk-marketing .scenario-list>a:hover{
    padding-inline: 5px
}
.pk-marketing .scenario-note{
    font-size: 9px
}
.pk-marketing .demo-grid{
    grid-template-columns: 1fr;
    gap: 0
}
.pk-marketing .demo-mark{
    display: none
}
.pk-marketing .demo h2{
    font-size: 39px
}
.pk-marketing .demo p:not(.eyebrow){
    font-size: 13px
}
.pk-marketing .demo .actions{
    gap: 20px
}
.pk-marketing .site-footer{
    padding-block: 32px;
    gap: 25px
}
.pk-marketing .site-footer>p{
    font-size: 11px
}
.pk-marketing .site-footer>div{
    gap: 22px
}
.pk-marketing .site-footer>small{
    font-size: 8px;
    margin-top: 0
}
.pk-marketing .guided-dialog{
    padding: 40px 23px 25px
}
.pk-marketing .guided-dialog h2{
    font-size: 30px
}
.pk-marketing .image-dialog{
    padding: 10px
}
.pk-marketing .dialog-top p{
    font-size: 10px
}
.pk-marketing .hero-product{
    animation-name: workspace-arrive-mobile
}
}
@keyframes workspace-arrive-mobile{
0%{
    opacity: 0;
    transform: translate(30px,-40px) scale(.7)
}
40%{
    opacity: 0
}
100%{
    opacity: 1;
    transform: rotateY(-8deg) rotateX(3deg) rotateZ(-2deg)
}
}
@media(prefers-reduced-motion:reduce){
html.pk-marketing-document{
    scroll-behavior: auto
}
.pk-marketing *, .pk-marketing *:before, .pk-marketing *:after{
    animation: none!important;
    transition: none!important
}
.pk-marketing .hero-product{
    opacity: 1
}
}
.pk-marketing .hero :focus-visible, .pk-marketing .dark-section :focus-visible, .pk-marketing .site-header :focus-visible, .pk-marketing .image-dialog :focus-visible{
    outline-color: var(--citron)
}
@media(max-width:760px){
.pk-marketing .hero .actions{
    gap: 18px
}
.pk-marketing .hero .actions .text-link{
    font-size: 12px;
    gap: 15px
}
.pk-marketing .hero-small{
    max-width: 320px
}
.pk-marketing .hero-copy{
    padding-top: 15px
}
.pk-marketing .hero .eyebrow{
    margin-bottom: 18px
}
}
/* Decorative clipping must not create a nested scroll container on focus. */
.pk-marketing .hero, .pk-marketing .attendee, .pk-marketing .demo{
    overflow: clip
}

.pk-marketing {
    position: relative;
}
.pk-marketing button:disabled {
    cursor: default;
    opacity: .45;
}
.pk-marketing [hidden] {
    display: none !important;
}
.pk-marketing #organizer-caption {
    margin-top: 16px;
}
.pk-marketing #demo-outline {
    width: 100%;
    min-height: 200px;
    margin-top: 20px;
    padding: 12px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    font: inherit;
}
.pk-marketing.motion-off *,
.pk-marketing.motion-off *::before,
.pk-marketing.motion-off *::after {
    transition: none !important;
}
.pk-marketing:not(.has-marketing-js) .tab-bar,
.pk-marketing:not(.has-marketing-js) #guided-open {
    display: none;
}
.pk-marketing .marketing-no-script {
    padding-block: 24px;
}
@media (max-width: 760px) {
    .pk-marketing .tab-bar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 6px;
        border: 1px solid #ffffff20;
        border-radius: 13px;
        background: #191e322e;
        overflow: visible;
    }
    .pk-marketing .tab-bar button {
        min-width: 0;
        min-height: 50px;
        padding: 10px 8px;
        border: 1px solid #ffffff26;
        border-radius: 8px;
        background: #ffffff05;
        color: var(--paper);
        font-size: 12px;
        line-height: 1.4;
        white-space: normal;
    }
    .pk-marketing .tab-bar button[aria-selected=true] {
        border-color: #d8ef7880;
        background: #d8ef7817;
        color: var(--citron);
    }
    .pk-marketing .tab-bar button:focus-visible {
        outline-offset: 1px;
    }
    .pk-marketing:not(.has-marketing-js) .site-header {
        position: relative;
        height: auto;
        padding-block: 20px;
        flex-wrap: wrap;
        gap: 20px;
        background: var(--ink);
    }
    .pk-marketing:not(.has-marketing-js) .site-header nav {
        display: flex;
        flex-wrap: wrap;
    }
    .pk-marketing:not(.has-marketing-js) .mobile-menu {
        display: none;
    }
    .pk-marketing:not(.has-marketing-js) .hero {
        padding-top: 20px;
    }
}
.pk-marketing .event-embeds.section {
    padding-top: clamp(32px, 4vw, 56px);
    padding-bottom: 0;
}
.pk-marketing .event-embeds .intro-grid {
    margin-bottom: 0;
}
.pk-marketing .embed-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 48px 0 0;
}
.pk-marketing .embed-features li {
    border-top: 1px solid currentColor;
    padding-top: 20px;
    min-width: 0;
}
.pk-marketing .embed-features h3 {
    margin: 0 0 12px;
}
.pk-marketing .embed-examples {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 48px;
}
.pk-marketing .embed-examples figure {
    min-width: 0;
    margin: 0;
}
.pk-marketing .embed-examples img {
    display: block;
    width: 100%;
    height: auto;
}
.pk-marketing .embed-examples figcaption {
    margin-top: 16px;
    line-height: 1.6;
}
@media (max-width: 760px) {
    .pk-marketing .embed-examples {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (max-width: 480px) {
    .pk-marketing .embed-features {
        grid-template-columns: minmax(0, 1fr);
    }
    .pk-marketing .finance-points {
        grid-template-columns: minmax(0, 1fr);
    }
}