/* PP-PRONOS official presentation layer — intentionally scoped to ppo-* components. */

body.pp-premium-theme.ppo-showcase {
    --ppo-navy: #040914;
    --ppo-navy-soft: #071321;
    --ppo-panel: rgba(11, 23, 38, .88);
    --ppo-panel-strong: #0b1726;
    --ppo-white: #f8fbff;
    --ppo-muted: #9cacbf;
    --ppo-green: #18e6a3;
    --ppo-green-bright: #31f2b4;
    --ppo-blue: #1698ef;
    --ppo-blue-deep: #176bd8;
    --ppo-yellow: #fffc00;
    --ppo-line: rgba(166, 205, 235, .13);
    --ppo-radius: 26px;
    --ppo-ease: cubic-bezier(.16, 1, .3, 1);
    background:
        radial-gradient(circle at 7% 13%, rgba(19, 217, 158, .09), transparent 31rem),
        radial-gradient(circle at 94% 28%, rgba(19, 133, 237, .11), transparent 34rem),
        var(--ppo-navy);
}

body.pp-premium-theme.ppo-showcase::before {
    opacity: .13;
}

.ppo-showcase .ppo-main {
    position: relative;
    overflow: clip;
    color: var(--ppo-white);
}

.ppo-showcase .ppo-section {
    position: relative;
    padding: clamp(78px, 9vw, 132px) 0;
}

.ppo-showcase .ppo-section-heading {
    max-width: 710px;
    margin: 0 0 clamp(38px, 5vw, 62px);
}

.ppo-showcase .ppo-section-heading--center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.ppo-showcase .ppo-section-heading h1,
.ppo-showcase .ppo-section-heading h2 {
    margin: 0;
    color: var(--ppo-white);
    font-size: clamp(2.05rem, 5vw, 4.25rem);
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: 1.02;
    text-wrap: balance;
}

.ppo-showcase .ppo-section-heading h1 strong,
.ppo-showcase .ppo-section-heading h2 strong,
.ppo-showcase .ppo-final__card h2 strong {
    color: transparent;
    background: linear-gradient(112deg, var(--ppo-green-bright), #31d3dc 48%, #32a9ff 92%);
    -webkit-background-clip: text;
    background-clip: text;
    font: inherit;
}

.ppo-showcase .ppo-section-heading p {
    max-width: 650px;
    margin: 18px 0 0;
    color: var(--ppo-muted);
    font-size: clamp(.97rem, 1.55vw, 1.12rem);
    line-height: 1.78;
    text-wrap: balance;
}

.ppo-showcase .ppo-section-heading--center p {
    margin-right: auto;
    margin-left: auto;
}

.ppo-showcase .ppo-heading-line {
    display: block;
    width: 92px;
    height: 4px;
    margin: 22px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ppo-green), var(--ppo-blue));
    box-shadow: 0 0 26px rgba(22, 152, 239, .34);
}

.ppo-showcase .ppo-button {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 56px;
    padding: 0 24px;
    overflow: hidden;
    border: 1px solid rgba(89, 244, 194, .42);
    border-radius: 15px;
    color: #fff;
    font-size: .91rem;
    font-weight: 820;
    letter-spacing: -.012em;
    text-decoration: none;
    box-shadow: 0 16px 38px rgba(6, 109, 146, .25), inset 0 1px 0 rgba(255, 255, 255, .2);
    transform: translateZ(0);
    transition: transform .32s var(--ppo-ease), box-shadow .32s ease, border-color .32s ease;
}

.ppo-showcase .ppo-button::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    background: linear-gradient(115deg, #0fc891 0%, #078ec8 54%, #176ce0 100%);
}

.ppo-showcase .ppo-button::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 1px;
    border-radius: inherit;
    opacity: 0;
    background: linear-gradient(112deg, transparent 18%, rgba(255, 255, 255, .035) 36%, rgba(255, 255, 255, .32) 49%, rgba(255, 255, 255, .075) 60%, transparent 78%);
    background-position: 135% 50%;
    background-size: 260% 100%;
    transform: none;
    transition: background-position .86s var(--ppo-ease), opacity .3s ease;
}

.ppo-showcase .ppo-button:hover,
.ppo-showcase .ppo-button:focus-visible {
    border-color: rgba(134, 255, 218, .73);
    box-shadow: 0 20px 50px rgba(6, 127, 167, .37), 0 0 0 4px rgba(24, 230, 163, .08), inset 0 1px 0 rgba(255, 255, 255, .26);
    transform: translateY(-3px) scale(1.015);
}

.ppo-showcase .ppo-button:hover::after,
.ppo-showcase .ppo-button:focus-visible::after {
    opacity: 1;
    background-position: -35% 50%;
    transform: none;
}

.ppo-showcase .ppo-button svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

/* Official shell */
.pp-premium-theme .ppo-header.pp-site-header.header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    height: 82px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    background: linear-gradient(180deg, rgba(2, 7, 16, .82), rgba(2, 7, 16, .48));
    -webkit-backdrop-filter: blur(16px) saturate(1.25);
    backdrop-filter: blur(16px) saturate(1.25);
    animation: ppo-header-enter .9s cubic-bezier(.22, 1, .36, 1) both;
    transition: height .35s ease, background .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.admin-bar .ppo-header.pp-site-header.header {
    top: 32px;
}

.pp-premium-theme .ppo-header.pp-site-header.pp-header--scrolled {
    height: 70px;
    border-color: rgba(154, 205, 236, .14);
    background: rgba(3, 9, 18, .94);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .27);
}

.pp-premium-theme .ppo-header__inner {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
}

.pp-premium-theme .ppo-brand {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    line-height: 0;
    text-decoration: none;
}

.pp-premium-theme .ppo-brand::after {
    content: "";
    position: absolute;
    right: 10%;
    bottom: -7px;
    left: 10%;
    height: 1px;
    opacity: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #22e2ae, transparent);
    box-shadow: 0 0 15px #22e2ae;
    transform: scaleX(.35);
    transition: opacity .3s ease, transform .35s var(--ppo-ease, cubic-bezier(.16, 1, .3, 1));
}

.pp-premium-theme .ppo-brand:hover::after,
.pp-premium-theme .ppo-brand:focus-visible::after {
    opacity: .9;
    transform: scaleX(1);
}

.pp-premium-theme .ppo-brand picture {
    display: block;
}

.pp-premium-theme .ppo-brand img {
    display: block;
    width: auto;
    height: 54px;
    object-fit: contain;
    filter: drop-shadow(0 7px 16px rgba(0, 0, 0, .35));
    transition: transform .38s var(--ppo-ease, cubic-bezier(.16, 1, .3, 1)), filter .38s ease;
}

.pp-premium-theme .ppo-brand:hover img,
.pp-premium-theme .ppo-brand:focus-visible img {
    filter: drop-shadow(0 10px 22px rgba(22, 152, 239, .25));
    transform: translateY(-2px) scale(1.035);
}

.pp-premium-theme .ppo-nav {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: clamp(24px, 3vw, 39px);
}

.pp-premium-theme .ppo-nav a {
    position: relative;
    padding: 11px 2px;
    color: #c0cad7;
    font-size: .84rem;
    font-weight: 690;
    letter-spacing: .005em;
    text-decoration: none;
    transition: color .25s ease, transform .3s var(--ppo-ease, cubic-bezier(.16, 1, .3, 1));
}

.pp-premium-theme .ppo-nav a::before,
.pp-premium-theme .ppo-nav a::after {
    content: "";
    position: absolute;
    bottom: 4px;
    height: 2px;
    border-radius: 999px;
    transform: scaleX(0);
    transition: transform .35s var(--ppo-ease, cubic-bezier(.16, 1, .3, 1));
}

.pp-premium-theme .ppo-nav a::before {
    right: 50%;
    left: 0;
    transform-origin: right;
    background: #1de4a7;
}

.pp-premium-theme .ppo-nav a::after {
    right: 0;
    left: 50%;
    transform-origin: left;
    background: #1a96ee;
}

.pp-premium-theme .ppo-nav a:hover,
.pp-premium-theme .ppo-nav a:focus-visible,
.pp-premium-theme .ppo-nav a[aria-current="page"] {
    color: #fff;
    transform: translateY(-2px);
}

.pp-premium-theme .ppo-nav a:hover::before,
.pp-premium-theme .ppo-nav a:hover::after,
.pp-premium-theme .ppo-nav a:focus-visible::before,
.pp-premium-theme .ppo-nav a:focus-visible::after,
.pp-premium-theme .ppo-nav a[aria-current="page"]::before,
.pp-premium-theme .ppo-nav a[aria-current="page"]::after {
    transform: scaleX(1);
}

.pp-premium-theme .ppo-menu-toggle.mobile-menu-toggle {
    position: relative;
    width: 44px;
    height: 44px;
    margin-left: auto;
    padding: 0;
    border: 1px solid rgba(164, 206, 234, .16);
    border-radius: 13px;
    background: rgba(255, 255, 255, .045);
    color: #fff;
    cursor: pointer;
}

.pp-premium-theme .ppo-menu-toggle > span:not(.screen-reader-text) {
    position: absolute;
    left: 12px;
    display: block;
    width: 18px;
    height: 2px;
    margin: 0;
    border-radius: 999px;
    background: currentColor;
    transition: top .25s ease, transform .3s var(--ppo-ease, cubic-bezier(.16, 1, .3, 1));
}

.pp-premium-theme .ppo-menu-toggle > span:nth-last-child(2) { top: 17px; }
.pp-premium-theme .ppo-menu-toggle > span:last-child { top: 24px; }
.pp-premium-theme .ppo-menu-toggle[aria-expanded="true"] > span:nth-last-child(2) { top: 21px; transform: rotate(45deg); }
.pp-premium-theme .ppo-menu-toggle[aria-expanded="true"] > span:last-child { top: 21px; transform: rotate(-45deg); }

.pp-premium-theme .ppo-mobile-menu.mobile-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 20px;
    left: 20px;
    display: none;
    padding: 10px;
    border: 1px solid rgba(165, 207, 234, .15);
    border-radius: 19px;
    background: rgba(4, 12, 23, .97);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

.pp-premium-theme .ppo-mobile-menu.mobile-menu.active {
    display: block;
    animation: ppo-menu-enter .32s var(--ppo-ease, cubic-bezier(.16, 1, .3, 1)) both;
}

.pp-premium-theme .ppo-mobile-menu a {
    display: block;
    padding: 13px 14px;
    border-radius: 11px;
    color: #d5dde7;
    font-size: .91rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.pp-premium-theme .ppo-mobile-menu a:hover,
.pp-premium-theme .ppo-mobile-menu a:focus-visible {
    color: #fff;
    background: rgba(28, 224, 169, .08);
    transform: translateX(3px);
}

/* Hero */
.ppo-showcase .ppo-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    min-height: 100svh;
    overflow: hidden;
    place-items: center;
    padding: 118px 20px 72px;
    background:
        radial-gradient(ellipse at 50% 42%, rgba(11, 42, 65, .52), transparent 48%),
        linear-gradient(180deg, #030813 0%, #06101e 72%, #050b15 100%);
}

.ppo-showcase .ppo-hero::before {
    content: "";
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .24;
    background-image:
        linear-gradient(rgba(109, 171, 210, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(109, 171, 210, .035) 1px, transparent 1px);
    background-size: 72px 72px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 65%, transparent 96%);
    mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 65%, transparent 96%);
}

.ppo-showcase .ppo-hero::after {
    content: "";
    position: absolute;
    z-index: 8;
    right: 0;
    bottom: 0;
    left: 0;
    height: 140px;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent, rgba(4, 9, 20, .74) 63%, #040914);
}

.ppo-showcase .ppo-hero__backdrop,
.ppo-showcase .ppo-hero__balls {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ppo-showcase .ppo-hero__backdrop { z-index: -2; }
.ppo-showcase .ppo-hero__balls { z-index: -1; }

.ppo-showcase .ppo-hero__halo {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    opacity: .66;
}

.ppo-showcase .ppo-hero__halo--one {
    top: 8%;
    left: 50%;
    width: min(74vw, 940px);
    height: min(74vw, 940px);
    background: radial-gradient(circle, rgba(17, 208, 158, .17), rgba(20, 120, 205, .07) 38%, transparent 68%);
    transform: translateX(-50%);
    animation: ppo-halo-breathe 9s ease-in-out infinite alternate;
}

.ppo-showcase .ppo-hero__halo--two {
    right: -14%;
    bottom: -35%;
    width: min(56vw, 720px);
    height: min(56vw, 720px);
    background: radial-gradient(circle, rgba(29, 117, 239, .2), transparent 66%);
    animation: ppo-halo-breathe 12s 1.8s ease-in-out infinite alternate-reverse;
}

.ppo-showcase .ppo-hero__field {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(70vw, 880px);
    aspect-ratio: 1;
    border: 1px solid rgba(98, 190, 221, .07);
    border-radius: 50%;
    box-shadow: inset 0 0 100px rgba(15, 207, 158, .025), 0 0 100px rgba(16, 118, 222, .035);
    transform: translate(-50%, -48%);
}

.ppo-showcase .ppo-hero__field::before,
.ppo-showcase .ppo-hero__field::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(109, 185, 223, .055);
    border-radius: 50%;
}

.ppo-showcase .ppo-hero__field::before { inset: 9%; }
.ppo-showcase .ppo-hero__field::after { inset: 22%; }

.ppo-showcase .ppo-ball {
    position: absolute;
    display: block;
    opacity: .91;
    will-change: transform, opacity;
}

.ppo-showcase .ppo-ball picture,
.ppo-showcase .ppo-ball img {
    display: block;
    width: 100%;
    height: 100%;
}

.ppo-showcase .ppo-ball img {
    object-fit: contain;
    opacity: .82;
    filter: saturate(.88) brightness(.88) contrast(.94) blur(.25px) drop-shadow(0 22px 30px rgba(0, 0, 0, .42));
}

.ppo-showcase .ppo-ball__drift {
    display: block;
    width: 100%;
    height: 100%;
    animation: ppo-ball-drift-a 17s ease-in-out infinite alternate;
}

.ppo-showcase .ppo-ball__drift picture {
    transform-origin: 50% 50%;
    will-change: transform;
    animation: ppo-ball-spin 18s linear infinite;
}

.ppo-showcase .ppo-ball--1 {
    top: 15%;
    left: 7%;
    width: clamp(108px, 13vw, 194px);
    transform: rotate(-13deg);
}

.ppo-showcase .ppo-ball--1 .ppo-ball__drift { animation-duration: 18s; }
.ppo-showcase .ppo-ball--1 .ppo-ball__drift picture { animation-duration: 20s; }

.ppo-showcase .ppo-ball--2 {
    top: 12%;
    right: 8%;
    width: clamp(74px, 9vw, 136px);
    opacity: .7;
    transform: rotate(18deg);
}

.ppo-showcase .ppo-ball--2 .ppo-ball__drift { animation: ppo-ball-drift-b 15.5s 1.2s ease-in-out infinite alternate backwards; }
.ppo-showcase .ppo-ball--2 .ppo-ball__drift picture { animation: ppo-ball-spin-reverse 16s linear infinite; }

.ppo-showcase .ppo-ball--3 {
    right: 16%;
    bottom: 13%;
    width: clamp(112px, 15vw, 216px);
    transform: rotate(-8deg);
}

.ppo-showcase .ppo-ball--3 .ppo-ball__drift { animation: ppo-ball-drift-c 20s .4s ease-in-out infinite alternate backwards; }
.ppo-showcase .ppo-ball--3 .ppo-ball__drift picture { animation-duration: 23s; }

.ppo-showcase .ppo-ball--4 {
    bottom: 10%;
    left: 12%;
    width: clamp(72px, 9vw, 132px);
    opacity: .68;
    transform: rotate(22deg);
}

.ppo-showcase .ppo-ball--4 .ppo-ball__drift { animation: ppo-ball-drift-b 18s 1.9s ease-in-out infinite alternate-reverse backwards; }
.ppo-showcase .ppo-ball--4 .ppo-ball__drift picture { animation: ppo-ball-spin-reverse 19s linear infinite; }

.ppo-showcase .ppo-ball--5 {
    top: 53%;
    left: 50%;
    width: clamp(52px, 5.8vw, 88px);
    opacity: .35;
    transform: translate(-50%, 165px) rotate(10deg);
}

.ppo-showcase .ppo-ball--5 .ppo-ball__drift { animation: ppo-ball-drift-c 14.5s .8s ease-in-out infinite alternate backwards; }
.ppo-showcase .ppo-ball--5 .ppo-ball__drift picture { animation-duration: 15s; }

.ppo-showcase .ppo-hero__content {
    position: relative;
    z-index: 5;
    width: 100%;
    text-align: center;
}

.ppo-showcase .ppo-hero__content::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: min(82vw, 820px);
    height: 330px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(3, 10, 20, .78), transparent 68%);
    transform: translate(-50%, -50%);
}

.ppo-showcase .ppo-hero__title {
    position: relative;
    display: inline-block;
    margin: 0;
    color: #fff;
    font-size: clamp(4.1rem, 12vw, 10.25rem);
    font-weight: 950;
    letter-spacing: -.085em;
    line-height: .82;
    perspective: 800px;
    text-indent: -.05em;
    text-shadow:
        0 1px 0 #eaf3fb,
        0 5px 0 rgba(89, 131, 167, .32),
        0 14px 38px rgba(0, 0, 0, .55),
        0 0 64px rgba(26, 163, 230, .12);
}

.ppo-showcase .ppo-hero__title::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -25% -10%;
    border-radius: 50%;
    opacity: .55;
    background: radial-gradient(ellipse, rgba(42, 203, 192, .11), transparent 67%);
}

.ppo-showcase .ppo-hero__title-line {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
}

.ppo-showcase .ppo-hero__title-line > span {
    display: inline-block;
    color: transparent;
    background: linear-gradient(174deg, #fff 3%, #dce8f2 50%, #fff 67%, #a7c3d9 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.ppo-showcase .ppo-hero__title-line > span:last-child {
    position: relative;
    background-image: linear-gradient(170deg, #fff 5%, #e3f8f7 44%, #c7e8f7 76%, #fff 100%);
}

.ppo-showcase .ppo-hero__title-line > span:last-child::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    opacity: 0;
    background: linear-gradient(106deg, transparent 26%, rgba(255, 255, 255, .08) 40%, rgba(255, 255, 255, .92) 49%, rgba(187, 244, 255, .28) 57%, transparent 72%);
    background-position: 135% 50%;
    background-size: 250% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
    transform: none;
}

.ppo-showcase .ppo-hero__subtitle {
    margin: clamp(23px, 3.4vw, 36px) 0 0;
    color: transparent;
    background: linear-gradient(104deg, var(--ppo-green-bright), #2bd6ce 47%, #2e9fff 93%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: clamp(1.12rem, 2.45vw, 1.8rem);
    font-weight: 760;
    letter-spacing: -.035em;
    line-height: 1.2;
    text-wrap: balance;
    filter: drop-shadow(0 7px 18px rgba(10, 164, 188, .16));
}

.ppo-showcase .ppo-hero__action {
    margin-top: clamp(29px, 4vw, 42px);
}

.ppo-showcase .ppo-hero__button {
    min-width: 194px;
    min-height: 62px;
    padding: 0 30px;
    border-radius: 17px;
    font-size: 1rem;
    box-shadow: 0 20px 55px rgba(3, 123, 158, .35), 0 0 38px rgba(28, 223, 170, .09), inset 0 1px 0 rgba(255, 255, 255, .27);
}

.ppo-showcase .ppo-hero__button svg {
    width: 22px;
    height: 22px;
}

.ppo-showcase .ppo-hero__button i {
    position: absolute;
    z-index: -1;
    inset: 1px;
    border-radius: 15px;
    box-shadow: inset 0 0 24px rgba(255, 255, 255, .08);
}

.ppo-showcase .ppo-hero__scroll {
    position: absolute;
    z-index: 10;
    bottom: 28px;
    left: 50%;
    display: grid;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(174, 211, 234, .14);
    border-radius: 50%;
    color: rgba(219, 235, 245, .7);
    place-items: center;
    text-decoration: none;
    transform: translateX(-50%);
    animation: ppo-scroll-float 2.8s ease-in-out infinite;
}

.ppo-showcase .ppo-hero__scroll svg { width: 21px; }

/* Feature cards */
.ppo-showcase .ppo-features {
    background:
        radial-gradient(circle at 50% 0, rgba(26, 145, 213, .055), transparent 34rem),
        linear-gradient(180deg, #040914, #050c17 55%, #040a14);
}

.ppo-showcase .ppo-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ppo-showcase .ppo-feature-card {
    position: relative;
    isolation: isolate;
    min-height: 300px;
    padding: clamp(31px, 4vw, 48px);
    overflow: hidden;
    border: 1px solid var(--ppo-line);
    border-radius: var(--ppo-radius);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 45%),
        rgba(9, 19, 32, .72);
    box-shadow: 0 24px 65px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .045);
    transition: border-color .4s ease, transform .45s var(--ppo-ease), box-shadow .4s ease;
}

.ppo-showcase .ppo-feature-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -90px;
    right: -85px;
    width: 235px;
    height: 235px;
    border-radius: 50%;
    opacity: .27;
    background: radial-gradient(circle, rgba(20, 229, 164, .28), transparent 68%);
    transition: opacity .4s ease, transform .55s var(--ppo-ease);
}

.ppo-showcase .ppo-feature-card:nth-child(2)::before {
    background: radial-gradient(circle, rgba(27, 138, 239, .32), transparent 68%);
}

.ppo-showcase .ppo-feature-card:hover {
    border-color: rgba(64, 228, 187, .3);
    box-shadow: 0 32px 78px rgba(0, 0, 0, .31), 0 0 0 1px rgba(31, 214, 175, .035), inset 0 1px 0 rgba(255, 255, 255, .075);
    transform: translateY(-7px);
}

.ppo-showcase .ppo-feature-card:hover::before { opacity: .48; transform: scale(1.16); }

.ppo-showcase .ppo-feature-card__icon {
    display: grid;
    width: 66px;
    height: 66px;
    margin-bottom: 29px;
    border: 1px solid rgba(47, 239, 181, .22);
    border-radius: 19px;
    color: var(--ppo-green-bright);
    background: linear-gradient(145deg, rgba(26, 230, 169, .14), rgba(17, 110, 164, .07));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 13px 32px rgba(6, 88, 91, .18);
    place-items: center;
}

.ppo-showcase .ppo-feature-card:nth-child(2) .ppo-feature-card__icon {
    border-color: rgba(55, 155, 246, .25);
    color: #45b5ff;
    background: linear-gradient(145deg, rgba(31, 142, 240, .17), rgba(14, 77, 150, .07));
}

.ppo-showcase .ppo-feature-card__icon svg { width: 32px; height: 32px; }
.ppo-showcase .ppo-feature-card h3 { margin: 0 0 14px; color: #fff; font-size: clamp(1.35rem, 2.4vw, 1.74rem); font-weight: 840; letter-spacing: -.035em; }
.ppo-showcase .ppo-feature-card p { max-width: 490px; margin: 0; color: var(--ppo-muted); font-size: .96rem; line-height: 1.78; }

/* Pricing */
.ppo-showcase .ppo-pricing {
    background:
        radial-gradient(circle at 50% 45%, rgba(23, 112, 221, .09), transparent 42rem),
        linear-gradient(180deg, #040a14, #06101d 52%, #040a14);
}

.ppo-showcase .ppo-pricing--page {
    min-height: 780px;
    padding-top: clamp(142px, 15vw, 190px);
}

.ppo-showcase .ppo-pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 34px);
    max-width: 980px;
    margin: 0 auto;
    align-items: stretch;
}

.ppo-showcase .ppo-price-card {
    position: relative;
    isolation: isolate;
    display: flex;
    min-height: 575px;
    flex-direction: column;
    padding: clamp(28px, 4vw, 43px);
    overflow: hidden;
    border: 1px solid rgba(171, 206, 231, .13);
    border-radius: 29px;
    background:
        linear-gradient(148deg, rgba(255, 255, 255, .055), transparent 42%),
        rgba(8, 18, 31, .93);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);
    transition: border-color .38s ease, transform .45s var(--ppo-ease), box-shadow .38s ease;
}

.ppo-showcase .ppo-price-card::before {
    content: "";
    position: absolute;
    z-index: -2;
    top: -180px;
    left: 50%;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    opacity: .22;
    background: radial-gradient(circle, rgba(25, 230, 171, .23), transparent 67%);
    transform: translateX(-50%);
    transition: opacity .4s ease, transform .55s var(--ppo-ease);
}

.ppo-showcase .ppo-price-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .18;
    background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 32px 32px;
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent 48%);
    mask-image: linear-gradient(to bottom, #000, transparent 48%);
}

.ppo-showcase .ppo-price-card:hover {
    border-color: rgba(50, 225, 183, .28);
    box-shadow: 0 40px 96px rgba(0, 0, 0, .38), 0 0 50px rgba(15, 168, 177, .05), inset 0 1px 0 rgba(255, 255, 255, .08);
    transform: translateY(-8px);
}

.ppo-showcase .ppo-price-card:hover::before { opacity: .4; transform: translateX(-50%) scale(1.14); }

.ppo-showcase .ppo-price-card--featured {
    border-color: rgba(58, 137, 245, .62);
    background:
        linear-gradient(148deg, rgba(50, 116, 229, .13), transparent 45%),
        rgba(9, 18, 34, .96);
    box-shadow: 0 34px 95px rgba(0, 0, 0, .36), 0 0 0 1px rgba(53, 119, 241, .12), 0 0 55px rgba(42, 98, 224, .1), inset 0 1px 0 rgba(255, 255, 255, .07);
}

.ppo-showcase .ppo-price-card--featured::before {
    background: radial-gradient(circle, rgba(47, 109, 240, .36), transparent 66%);
}

.ppo-showcase .ppo-price-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 31px;
    padding: 0 12px;
    border: 1px solid rgba(115, 167, 255, .25);
    border-radius: 999px;
    color: #eaf3ff;
    background: linear-gradient(110deg, #236fe5, #6544dd);
    box-shadow: 0 10px 24px rgba(31, 75, 181, .28), inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: .65rem;
    font-weight: 880;
    letter-spacing: .085em;
}

.ppo-showcase .ppo-price-badge svg { width: 13px; height: 13px; }

.ppo-showcase .ppo-price-card__head {
    position: relative;
    padding-bottom: 31px;
    border-bottom: 1px solid rgba(166, 205, 235, .11);
}

.ppo-showcase .ppo-price-card__head h3 {
    max-width: 74%;
    margin: 0;
    color: #fff;
    font-size: clamp(1.43rem, 2.6vw, 1.85rem);
    font-weight: 850;
    letter-spacing: -.04em;
}

.ppo-showcase .ppo-price-card__head > p {
    margin: 9px 0 0;
    color: #8fa0b4;
    font-size: .84rem;
}

.ppo-showcase .ppo-price-card__price {
    display: inline-block;
    margin-top: 30px;
    color: transparent;
    background: linear-gradient(108deg, #65f6c9 0%, #36dec9 39%, #4ab8ff 76%, #8bc6ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: clamp(2.2rem, 5vw, 3.45rem);
    font-weight: 910;
    letter-spacing: -.065em;
    line-height: 1;
    filter: drop-shadow(0 8px 22px rgba(31, 206, 190, .18));
}

.ppo-showcase .ppo-price-card--featured .ppo-price-card__price {
    background-image: linear-gradient(108deg, #62f4ce 0%, #45cce5 42%, #70a7ff 72%, #bd91ff 100%);
    filter: drop-shadow(0 8px 24px rgba(74, 139, 247, .22));
}

.ppo-showcase .ppo-price-card__saving {
    display: inline-flex;
    margin-top: 13px;
    padding: 7px 10px;
    border: 1px solid rgba(61, 151, 250, .2);
    border-radius: 9px;
    color: #8ec5ff;
    background: rgba(36, 108, 226, .09);
    font-size: .72rem;
    font-weight: 720;
}

.ppo-showcase .ppo-price-card__features {
    padding: 30px 0 29px;
}

.ppo-showcase .ppo-price-card__features h4 {
    margin: 0 0 20px;
    color: #d8e2ec;
    font-size: .78rem;
    font-weight: 760;
}

.ppo-showcase .ppo-price-card__features ul {
    display: grid;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ppo-showcase .ppo-price-card__features li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #c5d0dc;
    font-size: .88rem;
    line-height: 1.45;
}

.ppo-showcase .ppo-price-card__features li > span {
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    border: 1px solid rgba(42, 230, 176, .22);
    border-radius: 50%;
    color: var(--ppo-green-bright);
    background: rgba(27, 218, 161, .08);
    place-items: center;
}

.ppo-showcase .ppo-price-card__features li svg { width: 13px; height: 13px; }

.ppo-showcase .ppo-price-card__button {
    width: min(100%, 294px);
    min-height: 60px;
    margin: auto auto 0;
    border-radius: 18px;
    font-size: .96rem;
    box-shadow: 0 18px 42px rgba(5, 127, 153, .3), 0 0 30px rgba(23, 224, 167, .08), inset 0 1px 0 rgba(255, 255, 255, .25);
}

.ppo-showcase .ppo-price-card__button svg { display: none; }

.ppo-showcase .ppo-price-card__button span {
    width: 100%;
    text-align: center;
}

.ppo-showcase .ppo-price-card__button:hover,
.ppo-showcase .ppo-price-card__button:focus-visible {
    box-shadow: 0 24px 52px rgba(5, 142, 167, .38), 0 0 0 5px rgba(28, 230, 170, .08), 0 0 38px rgba(23, 224, 167, .13), inset 0 1px 0 rgba(255, 255, 255, .3);
}

.ppo-showcase .ppo-price-card--featured .ppo-price-card__button::before {
    background: linear-gradient(112deg, #226fe8, #4b53df 55%, #7442dc);
}

.ppo-showcase .ppo-pricing__note {
    max-width: 640px;
    margin: 37px auto 0;
    color: #7f8da0;
    font-size: .78rem;
    line-height: 1.72;
    text-align: center;
}

.ppo-showcase .ppo-empty-state {
    grid-column: 1 / -1;
    padding: 28px;
    border: 1px solid var(--ppo-line);
    border-radius: 18px;
    color: var(--ppo-muted);
    background: rgba(255, 255, 255, .03);
    text-align: center;
}

/* Snapchat */
.ppo-showcase .ppo-snapchat {
    background: #040a14;
}

.ppo-showcase .ppo-snapchat-card {
    position: relative;
    isolation: isolate;
    min-height: 475px;
    padding: clamp(55px, 8vw, 92px) clamp(25px, 7vw, 82px);
    overflow: hidden;
    border: 1px solid rgba(114, 235, 211, .25);
    border-radius: clamp(28px, 4vw, 42px);
    background:
        linear-gradient(122deg, rgba(255, 255, 255, .08), transparent 28%),
        linear-gradient(118deg, #0fca8e 0%, #0ba8a8 44%, #1574dd 100%);
    box-shadow: 0 35px 100px rgba(0, 77, 96, .31), inset 0 1px 0 rgba(255, 255, 255, .24);
    text-align: center;
}

.ppo-showcase .ppo-snapchat-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .27;
    background-image:
        radial-gradient(circle at 12% 22%, rgba(255, 255, 255, .35) 0 1px, transparent 1.5px),
        radial-gradient(circle at 82% 68%, rgba(255, 255, 255, .27) 0 1px, transparent 1.5px);
    background-size: 44px 44px, 58px 58px;
    -webkit-mask-image: linear-gradient(110deg, #000, transparent 53%, #000);
    mask-image: linear-gradient(110deg, #000, transparent 53%, #000);
}

.ppo-showcase .ppo-snapchat-card__content {
    position: relative;
    z-index: 4;
    max-width: 680px;
    margin: 0 auto;
}

.ppo-showcase .ppo-snapchat-card__icon {
    display: grid;
    width: 78px;
    height: 78px;
    margin: 0 auto 26px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 24px;
    background: var(--ppo-yellow);
    box-shadow: 0 18px 38px rgba(11, 77, 67, .27), inset 0 1px 0 rgba(255, 255, 255, .85);
    place-items: center;
    transform: rotate(-3deg);
    transform-origin: 50% 50%;
    will-change: transform;
    animation: ppo-snap-icon-premium 7.2s var(--ppo-ease) infinite;
    transition: box-shadow .45s ease, filter .45s ease;
}

.ppo-showcase .ppo-snapchat-card:hover .ppo-snapchat-card__icon {
    filter: brightness(1.035);
    box-shadow: 0 25px 52px rgba(7, 69, 65, .34), 0 0 0 7px rgba(255, 252, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.ppo-showcase .ppo-snapchat-card__icon img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.ppo-showcase .ppo-snapchat-card__icon picture,
.ppo-showcase .ppo-snapchat-card__ghost picture {
    display: block;
}

.ppo-showcase .ppo-snapchat-card h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.1rem, 5vw, 4.15rem);
    font-weight: 900;
    letter-spacing: -.06em;
    line-height: 1.02;
    text-shadow: 0 13px 40px rgba(0, 62, 81, .2);
    text-wrap: balance;
}

.ppo-showcase .ppo-snapchat-card p {
    max-width: 600px;
    margin: 20px auto 0;
    color: rgba(244, 255, 255, .85);
    font-size: clamp(.98rem, 1.8vw, 1.15rem);
    line-height: 1.72;
    text-wrap: balance;
}

.ppo-showcase .ppo-snapchat-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 58px;
    margin-top: 31px;
    padding: 0 25px;
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 16px;
    color: #111300;
    background: var(--ppo-yellow);
    box-shadow: 0 17px 40px rgba(15, 72, 75, .25), inset 0 1px 0 #fff;
    font-size: .9rem;
    font-weight: 850;
    text-decoration: none;
    transition: transform .35s var(--ppo-ease), box-shadow .3s ease, background .3s ease;
}

.ppo-showcase .ppo-snapchat-card__button:hover,
.ppo-showcase .ppo-snapchat-card__button:focus-visible {
    background: #ffff42;
    box-shadow: 0 23px 48px rgba(11, 65, 73, .31), 0 0 0 5px rgba(255, 252, 0, .14), inset 0 1px 0 #fff;
    transform: translateY(-4px) scale(1.02);
}

.ppo-showcase .ppo-snapchat-card__button svg { width: 19px; height: 19px; }

.ppo-showcase .ppo-snapchat-card__orb {
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);
}

.ppo-showcase .ppo-snapchat-card__orb--one { top: -95px; left: -75px; width: 275px; height: 275px; }
.ppo-showcase .ppo-snapchat-card__orb--two { right: -55px; bottom: -90px; width: 225px; height: 225px; }

.ppo-showcase .ppo-snapchat-card__ghost {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 5%;
    width: min(27vw, 290px);
    opacity: .065;
    transform: translateY(-50%) rotate(10deg);
}

.ppo-showcase .ppo-snapchat-card__ghost picture,
.ppo-showcase .ppo-snapchat-card__ghost img { width: 100%; }
.ppo-showcase .ppo-snapchat-card__ghost img { display: block; height: auto; }

/* Trust */
.ppo-showcase .ppo-trust {
    background:
        radial-gradient(circle at 50% 100%, rgba(22, 133, 225, .075), transparent 36rem),
        rgba(1, 6, 14, .45);
}

.ppo-showcase .ppo-trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.ppo-showcase .ppo-trust-card {
    position: relative;
    min-height: 285px;
    padding: 39px 30px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 23px;
    background: rgba(8, 18, 30, .52);
    text-align: center;
    transition: border-color .35s ease, background .35s ease, transform .4s var(--ppo-ease);
}

.ppo-showcase .ppo-trust-card::after {
    content: "";
    position: absolute;
    right: 18%;
    bottom: 0;
    left: 18%;
    height: 1px;
    opacity: .55;
    background: linear-gradient(90deg, transparent, var(--ppo-blue), transparent);
    transform: scaleX(.45);
    transition: transform .4s var(--ppo-ease), opacity .35s ease;
}

.ppo-showcase .ppo-trust-card:hover {
    border-color: rgba(112, 188, 232, .13);
    background: rgba(10, 23, 38, .78);
    transform: translateY(-6px);
}

.ppo-showcase .ppo-trust-card:hover::after { opacity: 1; transform: scaleX(1); }

.ppo-showcase .ppo-trust-card__icon {
    display: grid;
    width: 62px;
    height: 62px;
    margin: 0 auto 25px;
    border: 1px solid rgba(40, 231, 177, .2);
    border-radius: 18px;
    color: var(--ppo-green-bright);
    background: linear-gradient(145deg, rgba(22, 226, 166, .12), rgba(17, 105, 174, .08));
    box-shadow: 0 13px 30px rgba(0, 72, 83, .14), inset 0 1px 0 rgba(255, 255, 255, .07);
    place-items: center;
}

.ppo-showcase .ppo-trust-card:nth-child(2) .ppo-trust-card__icon { color: #42b8ff; border-color: rgba(56, 161, 246, .22); }
.ppo-showcase .ppo-trust-card:nth-child(3) .ppo-trust-card__icon { color: #44d9c0; }
.ppo-showcase .ppo-trust-card__icon svg { width: 31px; height: 31px; }
.ppo-showcase .ppo-trust-card h3 { margin: 0 0 13px; color: #fff; font-size: 1.21rem; font-weight: 830; letter-spacing: -.025em; }
.ppo-showcase .ppo-trust-card p { margin: 0; color: #8e9caf; font-size: .86rem; line-height: 1.75; }

/* Final call to action */
.ppo-showcase .ppo-final {
    background: linear-gradient(180deg, #040a14, #030811);
}

.ppo-showcase .ppo-final__card {
    position: relative;
    isolation: isolate;
    max-width: 1020px;
    margin: 0 auto;
    padding: clamp(48px, 7vw, 82px) clamp(25px, 8vw, 92px);
    overflow: hidden;
    border: 1px solid rgba(120, 190, 227, .16);
    border-radius: clamp(27px, 4vw, 38px);
    background:
        linear-gradient(135deg, rgba(30, 223, 172, .06), rgba(35, 110, 217, .09)),
        rgba(8, 18, 31, .84);
    box-shadow: 0 32px 90px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .055);
    text-align: center;
}

.ppo-showcase .ppo-final__glow {
    position: absolute;
    z-index: -1;
    top: -230px;
    left: 50%;
    width: 600px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(22, 214, 169, .14), rgba(21, 117, 222, .06) 46%, transparent 69%);
    transform: translateX(-50%);
}

.ppo-showcase .ppo-final__card h2 {
    max-width: 760px;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(2.05rem, 5.2vw, 4.4rem);
    font-weight: 900;
    letter-spacing: -.06em;
    line-height: 1.02;
    text-wrap: balance;
}

.ppo-showcase .ppo-final__card p {
    margin: 20px auto 0;
    color: var(--ppo-muted);
    font-size: clamp(.98rem, 1.7vw, 1.11rem);
    text-wrap: balance;
}

.ppo-showcase .ppo-final__button { margin-top: 31px; }

/* Footer */
.pp-premium-theme .ppo-footer.pp-site-footer.footer {
    position: relative;
    padding: clamp(65px, 8vw, 94px) 0 27px;
    border-top: 1px solid rgba(147, 195, 225, .1);
    background: #02070f;
}

.pp-premium-theme .ppo-footer__grid.pp-footer-main {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(380px, .75fr);
    gap: 80px;
    padding-bottom: 55px;
}

.pp-premium-theme .ppo-brand--footer img { height: 80px; }
.pp-premium-theme .ppo-footer__brand > p { max-width: 390px; margin: 21px 0 0; color: #7e8b9a; font-size: .84rem; line-height: 1.7; }
.pp-premium-theme .ppo-footer__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.pp-premium-theme .ppo-footer__column h2 { margin: 0 0 18px; color: #eaf1f8; font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.pp-premium-theme .ppo-footer__column a { display: block; width: fit-content; margin: 11px 0; color: #7f8d9d; font-size: .78rem; text-decoration: none; transition: color .2s ease, transform .25s ease; }
.pp-premium-theme .ppo-footer__column a:hover,
.pp-premium-theme .ppo-footer__column a:focus-visible { color: var(--ppo-green, #18e6a3); transform: translateX(3px); }
.pp-premium-theme .ppo-footer__bottom.pp-footer-bottom { display: block; padding-top: 25px; border-top: 1px solid rgba(147, 195, 225, .09); }
.pp-premium-theme .ppo-footer__bottom p { margin: 0; color: #536170; font-size: .67rem; line-height: 1.65; text-align: center; }

/* Reveal and cinematic sequence: content stays visible when scripting is unavailable. */
html.ppo-motion-ready .ppo-showcase [data-ppo-reveal] {
    opacity: 0;
    transform: translate3d(0, 28px, 0) scale(.985);
    transition: opacity .78s ease, transform .9s var(--ppo-ease);
    transition-delay: var(--ppo-reveal-delay, 0ms);
}

html.ppo-motion-ready .ppo-showcase [data-ppo-reveal].is-ppo-visible {
    opacity: 1;
    transform: none;
}

html.ppo-motion-ready .ppo-showcase .ppo-hero__title,
html.ppo-motion-ready .ppo-showcase .ppo-hero__subtitle,
html.ppo-motion-ready .ppo-showcase .ppo-hero__action,
html.ppo-motion-ready .ppo-showcase .ppo-hero__scroll {
    opacity: 0;
}

html.ppo-motion-ready .ppo-showcase .ppo-hero__title { transform: translate3d(0, 54px, 0) scale(.88); filter: blur(9px); }
html.ppo-motion-ready .ppo-showcase .ppo-hero__subtitle { transform: translate3d(0, 26px, 0); filter: blur(5px); }
html.ppo-motion-ready .ppo-showcase .ppo-hero__action { transform: translate3d(0, 24px, 0) scale(.9); }
html.ppo-motion-ready .ppo-showcase .ppo-hero__scroll { transform: translate3d(-50%, 18px, 0); }

html.ppo-cinema .ppo-showcase .ppo-hero__title {
    opacity: 1;
    filter: blur(0);
    transform: none;
    transition: opacity .86s .28s ease, transform 1.15s .22s var(--ppo-ease), filter .75s .22s ease;
}

html.ppo-cinema .ppo-showcase .ppo-hero__subtitle {
    opacity: 1;
    filter: blur(0);
    transform: none;
    transition: opacity .72s .64s ease, transform .9s .59s var(--ppo-ease), filter .65s .59s ease;
}

html.ppo-cinema .ppo-showcase .ppo-hero__action {
    opacity: 1;
    transform: none;
    transition: opacity .65s .85s ease, transform .85s .8s var(--ppo-ease);
}

html.ppo-cinema .ppo-showcase .ppo-hero__scroll {
    opacity: 1;
    transition: opacity .6s 1.15s ease;
}

html.ppo-motion-ready .ppo-showcase .ppo-ball {
    opacity: 0;
    animation: none;
}

html.ppo-cinema .ppo-showcase .ppo-ball--1 { animation: ppo-ball-enter-1 1.25s .06s var(--ppo-ease) both; }
html.ppo-cinema .ppo-showcase .ppo-ball--2 { animation: ppo-ball-enter-2 1.2s .18s var(--ppo-ease) both; }
html.ppo-cinema .ppo-showcase .ppo-ball--3 { animation: ppo-ball-enter-3 1.35s .12s var(--ppo-ease) both; }
html.ppo-cinema .ppo-showcase .ppo-ball--4 { animation: ppo-ball-enter-4 1.22s .26s var(--ppo-ease) both; }
html.ppo-cinema .ppo-showcase .ppo-ball--5 { animation: ppo-ball-enter-5 1.05s .38s var(--ppo-ease) both; }

html.ppo-cinema .ppo-showcase .ppo-hero__title-line > span:last-child::after {
    animation: ppo-title-sheen 1.25s 1.22s var(--ppo-ease) both;
}

.ppo-showcase .ppo-hero.is-ppo-paused .ppo-ball__drift,
.ppo-showcase .ppo-hero.is-ppo-paused .ppo-ball__drift picture,
.ppo-showcase .ppo-hero.is-ppo-paused .ppo-hero__halo,
.ppo-showcase .ppo-hero.is-ppo-paused .ppo-hero__scroll {
    animation-play-state: paused;
}

@keyframes ppo-header-enter {
    from { opacity: 0; transform: translate3d(0, calc(-100% - 28px), 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes ppo-menu-enter {
    from { opacity: 0; transform: translateY(-8px) scale(.98); }
    to { opacity: 1; transform: none; }
}

@keyframes ppo-halo-breathe {
    from { opacity: .45; transform: translateX(-50%) scale(.94); }
    to { opacity: .78; transform: translateX(-50%) scale(1.05); }
}

@keyframes ppo-ball-drift-a {
    0% { transform: translate3d(-7px, -11px, 0) rotate(-7deg); }
    48% { transform: translate3d(15px, 14px, 0) rotate(8deg); }
    100% { transform: translate3d(-11px, 25px, 0) rotate(-4deg); }
}

@keyframes ppo-ball-drift-b {
    0% { transform: translate3d(10px, -14px, 0) rotate(8deg); }
    52% { transform: translate3d(-15px, 11px, 0) rotate(-9deg); }
    100% { transform: translate3d(12px, 22px, 0) rotate(5deg); }
}

@keyframes ppo-ball-drift-c {
    0% { transform: translate3d(-8px, 12px, 0) rotate(-6deg); }
    46% { transform: translate3d(12px, -17px, 0) rotate(7deg); }
    100% { transform: translate3d(18px, 10px, 0) rotate(-5deg); }
}

@keyframes ppo-ball-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes ppo-ball-spin-reverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

@keyframes ppo-snap-icon-premium {
    0%, 17% { transform: translate3d(0, 0, 0) rotate(-4deg) scale(1); }
    36% { transform: translate3d(0, -7px, 0) rotate(5deg) scale(1.035); }
    55% { transform: translate3d(0, -2px, 0) rotate(-2deg) scale(1); }
    74% { transform: translate3d(0, -7px, 0) rotate(362deg) scale(1.055); }
    88%, 100% { transform: translate3d(0, 0, 0) rotate(356deg) scale(1); }
}

@keyframes ppo-ball-enter-1 {
    0% { opacity: 0; transform: translate3d(-150px, -85px, 0) rotate(-34deg) scale(.42); }
    100% { opacity: .91; transform: rotate(-13deg) scale(1); }
}

@keyframes ppo-ball-enter-2 {
    0% { opacity: 0; transform: translate3d(120px, -115px, 0) rotate(48deg) scale(.35); }
    100% { opacity: .7; transform: rotate(18deg) scale(1); }
}

@keyframes ppo-ball-enter-3 {
    0% { opacity: 0; transform: translate3d(165px, 125px, 0) rotate(-42deg) scale(.4); }
    100% { opacity: .91; transform: rotate(-8deg) scale(1); }
}

@keyframes ppo-ball-enter-4 {
    0% { opacity: 0; transform: translate3d(-130px, 130px, 0) rotate(58deg) scale(.38); }
    100% { opacity: .68; transform: rotate(22deg) scale(1); }
}

@keyframes ppo-ball-enter-5 {
    0% { opacity: 0; transform: translate3d(-50%, 260px, 0) rotate(-40deg) scale(.25); }
    100% { opacity: .35; transform: translate3d(-50%, 165px, 0) rotate(10deg) scale(1); }
}

@keyframes ppo-title-sheen {
    0% { opacity: 0; background-position: 135% 50%; }
    18% { opacity: .88; }
    72% { opacity: .72; }
    100% { opacity: 0; background-position: -35% 50%; }
}

@keyframes ppo-scroll-float {
    0%, 100% { transform: translate3d(-50%, 0, 0); }
    50% { transform: translate3d(-50%, 7px, 0); }
}

@media (max-width: 782px) {
    .admin-bar .ppo-header.pp-site-header.header { top: 46px; }
}

@media (max-width: 760px) {
    .pp-premium-theme .ppo-header.pp-site-header.header {
        height: 70px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

    .pp-premium-theme .ppo-header.pp-site-header.pp-header--scrolled { height: 64px; }
    .pp-premium-theme .ppo-brand img { height: 46px; }
    .pp-premium-theme .ppo-nav { display: none; }
    .pp-premium-theme .ppo-menu-toggle.mobile-menu-toggle { display: block; }

    .ppo-showcase .ppo-section { padding: 76px 0; }
    .ppo-showcase .ppo-section-heading { margin-bottom: 34px; }
    .ppo-showcase .ppo-section-heading h1,
    .ppo-showcase .ppo-section-heading h2 { font-size: clamp(2.05rem, 10vw, 3.1rem); }
    .ppo-showcase .ppo-section-heading p { margin-top: 14px; font-size: .93rem; line-height: 1.68; }

    .ppo-showcase .ppo-hero {
        min-height: max(710px, 100svh);
        padding: 110px 18px 72px;
    }

    .ppo-showcase .ppo-hero::before { background-size: 48px 48px; opacity: .16; }
    .ppo-showcase .ppo-hero__field { width: 130vw; opacity: .55; }
    .ppo-showcase .ppo-hero__title {
        display: block;
        width: 100%;
        max-width: 100%;
        font-size: clamp(3.05rem, 15.4vw, 4.65rem);
        line-height: .88;
        letter-spacing: -.075em;
        text-align: center;
        text-indent: 0;
    }

    .ppo-showcase .ppo-hero__title-line {
        display: flex;
        width: 100%;
        justify-content: center;
        filter: drop-shadow(0 3px 0 rgba(111, 155, 188, .34)) drop-shadow(0 15px 28px rgba(0, 0, 0, .62)) drop-shadow(0 0 24px rgba(36, 184, 207, .16));
    }

    .ppo-showcase .ppo-hero__subtitle { max-width: 310px; margin-right: auto; margin-left: auto; font-size: clamp(1.05rem, 5vw, 1.32rem); }
    .ppo-showcase .ppo-hero__action { margin-top: 35px; }
    .ppo-showcase .ppo-hero__button {
        min-width: 216px;
        min-height: 64px;
        padding: 0 34px;
        border-radius: 18px;
        font-size: 1.03rem;
        box-shadow: 0 22px 58px rgba(3, 123, 158, .4), 0 0 42px rgba(28, 223, 170, .12), inset 0 1px 0 rgba(255, 255, 255, .3);
    }

    .ppo-showcase .ppo-ball--1 { top: 16%; left: -9%; width: 126px; }
    .ppo-showcase .ppo-ball--2 { top: 19%; right: -2%; width: 78px; }
    .ppo-showcase .ppo-ball--3 { right: -12%; bottom: 13%; width: 142px; }
    .ppo-showcase .ppo-ball--4 { bottom: 10%; left: 4%; width: 72px; }
    .ppo-showcase .ppo-ball--5 { display: none; }
    .ppo-showcase .ppo-hero__scroll { bottom: 24px; }

    .ppo-showcase .ppo-feature-grid,
    .ppo-showcase .ppo-pricing-grid,
    .ppo-showcase .ppo-trust-grid { grid-template-columns: 1fr; }

    .ppo-showcase .ppo-feature-grid { gap: 16px; }
    .ppo-showcase .ppo-feature-card { min-height: 0; padding: 30px 25px; border-radius: 22px; }
    .ppo-showcase .ppo-feature-card__icon { width: 58px; height: 58px; margin-bottom: 22px; border-radius: 17px; }
    .ppo-showcase .ppo-feature-card h3 { font-size: 1.35rem; }
    .ppo-showcase .ppo-feature-card p { font-size: .9rem; }

    .ppo-showcase .ppo-pricing--page { min-height: 0; padding-top: 125px; }
    .ppo-showcase .ppo-pricing-grid { gap: 22px; }
    .ppo-showcase .ppo-price-card { min-height: 535px; padding: 28px 24px; border-radius: 24px; }
    .ppo-showcase .ppo-price-badge { top: 15px; right: 15px; padding: 0 10px; font-size: .58rem; }
    .ppo-showcase .ppo-price-card__head h3 { max-width: 67%; font-size: 1.48rem; }
    .ppo-showcase .ppo-price-card__price { font-size: 2.6rem; }
    .ppo-showcase .ppo-price-card__features { padding-top: 27px; }
    .ppo-showcase .ppo-pricing__note { margin-top: 29px; padding: 0 5px; }

    .ppo-showcase .ppo-snapchat-card { min-height: 0; padding: 54px 22px; border-radius: 28px; }
    .ppo-showcase .ppo-snapchat-card__icon { width: 70px; height: 70px; border-radius: 22px; }
    .ppo-showcase .ppo-snapchat-card__icon img { width: 44px; height: 44px; }
    .ppo-showcase .ppo-snapchat-card h2 { font-size: clamp(2rem, 10vw, 2.75rem); }
    .ppo-showcase .ppo-snapchat-card p { font-size: .94rem; }
    .ppo-showcase .ppo-snapchat-card__button { width: 100%; min-height: 57px; }
    .ppo-showcase .ppo-snapchat-card__ghost { width: 210px; right: -58px; }

    .ppo-showcase .ppo-trust-grid { gap: 12px; }
    .ppo-showcase .ppo-trust-card { min-height: 0; padding: 30px 24px; }
    .ppo-showcase .ppo-trust-card__icon { margin-bottom: 20px; }

    .ppo-showcase .ppo-final__card { padding: 50px 22px; border-radius: 27px; }
    .ppo-showcase .ppo-final__card h2 { font-size: clamp(2rem, 10vw, 3rem); }
    .ppo-showcase .ppo-final__button { width: 100%; max-width: 270px; }

    .pp-premium-theme .ppo-footer__grid.pp-footer-main { grid-template-columns: 1fr; gap: 42px; padding-bottom: 42px; }
    .pp-premium-theme .ppo-brand--footer img { height: 68px; }
    .pp-premium-theme .ppo-footer__links { gap: 24px; }
}

@media (max-width: 390px) {
    .pp-premium-theme .ppo-mobile-menu.mobile-menu { right: 14px; left: 14px; }
    .ppo-showcase .ppo-hero__title { font-size: 15.2vw; }
    .ppo-showcase .ppo-price-card { padding-right: 21px; padding-left: 21px; }
    .ppo-showcase .ppo-price-badge { max-width: 132px; line-height: 1.15; text-align: center; }
    .pp-premium-theme .ppo-footer__links { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .pp-premium-theme .ppo-header,
    .pp-premium-theme .ppo-header *,
    .ppo-showcase .ppo-main *,
    .ppo-showcase .ppo-main *::before,
    .ppo-showcase .ppo-main *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-delay: 0ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    html.ppo-motion-ready .ppo-showcase [data-ppo-reveal],
    html.ppo-motion-ready .ppo-showcase .ppo-hero__title,
    html.ppo-motion-ready .ppo-showcase .ppo-hero__subtitle,
    html.ppo-motion-ready .ppo-showcase .ppo-hero__action,
    html.ppo-motion-ready .ppo-showcase .ppo-hero__scroll,
    html.ppo-motion-ready .ppo-showcase .ppo-ball {
        opacity: 1;
        filter: none;
        transform: none;
    }

    html.ppo-motion-ready .ppo-showcase .ppo-ball--5 { transform: translate3d(-50%, 165px, 0); }

    .pp-premium-theme .ppo-header.pp-site-header.header {
        animation: none !important;
        opacity: 1;
        transform: none;
    }

    .ppo-showcase .ppo-button::after,
    .ppo-showcase .ppo-hero__title-line > span:last-child::after {
        animation: none !important;
        transition: none !important;
        opacity: 0 !important;
    }
}