.ppp-page{background:#f5f4f7;color:#171522}.ppp-page h1,.ppp-page h2,.ppp-page h3,.ppp-page h4{color:#171522;text-wrap:balance}.ppp-page h2{margin:0;font-size:var(--type-section-title);line-height:var(--line-section-title);letter-spacing:var(--tracking-section-title)}.ppp-page h3,.ppp-page h4{margin:0;line-height:1.22}.ppp-section{padding:var(--section-edge-space) 0}.ppp-heading{max-width:850px;margin-bottom:var(--section-heading-gap)}.ppp-heading p{max-width:760px;margin:16px 0 0;color:#6d6975;font-size:17px;line-height:1.68}
.ppp-hero{padding:var(--page-hero-padding-start) 0 var(--page-hero-padding-end);background:radial-gradient(circle at 82% 18%,rgba(137,86,188,.18),transparent 30%),linear-gradient(180deg,#f8f7fa,#ecebf0);overflow:hidden}.ppp-hero .blog-breadcrumbs{margin-bottom:var(--page-hero-breadcrumb-gap)}.ppp-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:var(--page-hero-grid-gap);align-items:center}.ppp-platform{width:fit-content;margin-top:22px;padding:8px 13px 8px 8px;display:flex;align-items:center;gap:10px;border:1px solid #ded9e4;border-radius:16px;background:#ffffffb8;color:#5e3ca5;font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.ppp-platform img{width:38px;height:38px;padding:4px;border-radius:11px;background:#fff;object-fit:contain}.ppp-hero h1{margin:0;font-size:var(--type-page-title);line-height:var(--line-page-title);letter-spacing:var(--tracking-page-title)}.ppp-hero-copy>p{max-width:650px;margin:var(--heading-copy-gap) 0 0;color:#5f5b68;font-size:18px;line-height:1.67}.ppp-hero .button-row{margin-top:var(--copy-to-action-gap)}.ppp-hero-media{min-width:0;margin:0;padding:16px;border-radius:30px;background:linear-gradient(145deg,#1f172e,#7049b3);box-shadow:0 30px 80px #3826563b}.ppp-hero-media img{width:100%;height:auto;aspect-ratio:16/9;display:block;border-radius:21px;object-fit:cover}.ppp-hero-media figcaption,.ppp-demo figcaption{padding:14px 6px 1px;display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:740}.ppp-hero-media i,.ppp-demo figcaption i{width:10px;height:10px;border-radius:50%;background:#45d27f;box-shadow:0 0 0 5px #45d27f24}
.ppp-workflow{background:#fff}.ppp-step-grid{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none}.ppp-step-grid li{min-height:330px;padding:26px;display:flex;flex-direction:column;border:1px solid #e2dee6;border-radius:24px;background:#f7f6f9}.ppp-step-grid li>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#e9e1fb;color:#6943bb;font-size:16px;font-weight:900}.ppp-step-grid h3{margin-top:38px;font-size:var(--type-subsection-title)}.ppp-step-grid p{margin:13px 0 0;color:#696572;font-size:15px;line-height:1.63}.ppp-inline{margin-top:28px;display:flex;align-items:center;gap:var(--button-gap);flex-wrap:wrap}
.ppp-features{background:#29262f}.ppp-features .ppp-heading h2{color:#fff}.ppp-features .ppp-heading p{color:#c8c2ce}.ppp-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ppp-feature-grid article{min-height:290px;padding:32px;display:flex;flex-direction:column;border:1px solid #ffffff1c;border-radius:26px;background:#211e27}.ppp-feature-grid article>span{width:fit-content;padding:8px 12px;border:1px solid #d8c3ff40;border-radius:999px;background:#8b56bc2e;color:#d9c1ff;font-size:12px;font-weight:850;text-transform:uppercase}.ppp-feature-grid h3{margin-top:auto;padding-top:44px;color:#fff;font-size:var(--type-subsection-title)}.ppp-feature-grid p{margin:12px 0 0;color:#c8c2ce;font-size:15px;line-height:1.65}.ppp-related{margin-top:25px;display:flex;gap:var(--button-gap);flex-wrap:wrap}
.ppp-game-grid{margin-bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ppp-game-grid article{min-height:150px;padding:24px;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;gap:18px;align-items:center;border:1px solid #ded9e3;border-radius:23px;background:#fff}.ppp-game-grid article>strong{width:fit-content;min-width:62px;height:62px;padding:0 16px;box-sizing:border-box;display:grid;place-items:center;justify-self:start;border-radius:18px;background:#efe8ff;color:#5f38aa;font-size:15px;white-space:nowrap}.ppp-game-grid article>div{min-width:0}.ppp-game-grid h3,.ppp-game-grid h4{font-size:20px}.ppp-game-grid p{margin:7px 0 0;color:#726e79;font-size:13px}.ppp-game-grid article>span{justify-self:end;color:#369a65;font-size:18px;font-weight:900}
.ppp-status{background:#fff}.ppp-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ppp-status-grid article{min-height:350px;display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid #e2dee6;border-radius:27px;background:#f9f8fa;overflow:hidden}.ppp-status-media{min-width:0;padding:13px;display:grid;place-items:center;background:linear-gradient(150deg,#1c1725,#6745a8)}.ppp-status-media img{width:auto;max-width:100%;height:315px;border-radius:16px;object-fit:contain}.ppp-status-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}.ppp-status-copy>span{display:flex;align-items:center;gap:9px;color:#75717c;font-size:11px;font-weight:850;text-transform:uppercase}.ppp-status-copy i{width:12px;height:12px;border-radius:50%;background:#45bc7c}.is-connection .ppp-status-copy i{background:#8b8990}.is-warning .ppp-status-copy i{background:#e89a36}.is-unsupported .ppp-status-copy i{background:#d9535a}.ppp-status-copy h3{margin-top:20px;font-size:23px}.ppp-status-copy p{margin:11px 0 0;color:#6d6975;font-size:14px;line-height:1.63}
.ppp-setup dl{margin:0;border:1px solid #ded9e3;border-radius:24px;background:#fff;overflow:hidden}.ppp-setup dl>div{min-height:82px;padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 90px;gap:24px;align-items:center;border-bottom:1px solid #e8e4ea}.ppp-setup dl>div:last-child{border-bottom:0}.ppp-setup dt{color:#625e69;font-size:14px;font-weight:720}.ppp-setup dd{margin:0;font-size:16px;font-weight:790}.ppp-setup dl span{justify-self:end;padding:7px 10px;border-radius:999px;background:#e8f5ee;color:#277a4f;font-size:11px;font-weight:850}
.ppp-demo{scroll-margin-top:110px;background:#211a2c;color:#fff}.ppp-demo-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.ppp-demo h2{color:#fff}.ppp-demo p{margin:18px 0 0;color:#cec7d6;font-size:16px;line-height:1.68}.ppp-demo figure{margin:0;padding:14px;border:1px solid #ffffff21;border-radius:27px;background:#ffffff0f}.ppp-demo video{width:100%;height:auto;aspect-ratio:16/9;display:block;border-radius:18px;background:#0d0a12;object-fit:contain}
.ppp-fuel{background:linear-gradient(112deg,#593bc3,#8d69ea);color:#fff}.ppp-fuel-grid{display:grid;grid-template-columns:1fr .46fr;gap:68px;align-items:center}.ppp-fuel h2{color:#fff}.ppp-fuel p{max-width:780px;margin:18px 0 0;color:#eeeaff;font-size:16px;line-height:1.68}.ppp-fuel .button-row{margin-top:var(--copy-to-action-gap)}.ppp-fuel aside{min-height:310px;padding:30px;display:flex;flex-direction:column;border:1px solid #ffffff2e;border-radius:27px;background:#1f163e40}.ppp-fuel aside>span{display:flex;align-items:center;gap:10px;color:#e0d7ff;font-size:12px;font-weight:800;text-transform:uppercase}.ppp-fuel aside i{width:10px;height:10px;border-radius:50%;background:#62e293;box-shadow:0 0 0 5px #62e29321}.ppp-fuel aside strong{margin-top:44px;color:#fff;font-size:68px;line-height:1}.ppp-fuel aside p{margin-top:14px;font-size:14px}
.ppp-faq{background:#fff}.ppp-faq-grid{display:grid;grid-template-columns:.42fr .58fr;gap:70px;align-items:start}.ppp-faq .ppp-heading{margin:0;position:sticky;top:120px}.ppp-faq-list{border-top:1px solid #ded9e3}.ppp-faq-list details{border-bottom:1px solid #ded9e3}.ppp-faq-list summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;font-size:16px;font-weight:820}.ppp-faq-list summary::-webkit-details-marker{display:none}.ppp-faq-list summary span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#eee8ff;color:#5e3bb0;font-size:20px;transition:transform .2s}.ppp-faq-list details[open] summary span{transform:rotate(45deg)}.ppp-faq-list details p{margin:-2px 60px 24px 0;color:#6d6975;font-size:15px;line-height:1.68}
.ppp-final{padding:var(--section-edge-space) 0 var(--footer-adjacent-space);background:#29262f;color:#fff}.ppp-final-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.ppp-final h2{color:#fff}.ppp-final p{max-width:780px;margin:16px 0 0;color:#d0cad5;font-size:17px;line-height:1.65}.ppp-final small{margin-top:15px;display:block;color:#9f99a5;font-size:12px}.ppp-final .button-row{margin:0}
@media(max-width:1080px){.ppp-hero-grid,.ppp-demo-grid,.ppp-fuel-grid,.ppp-faq-grid{grid-template-columns:1fr}.ppp-step-grid{grid-template-columns:repeat(2,1fr)}.ppp-faq .ppp-heading{position:static}.ppp-fuel aside{max-width:620px}}
@media(max-width:780px){.ppp-page h2{font-size:var(--type-section-title)}.ppp-heading p{font-size:16px}.ppp-hero{padding:var(--page-hero-padding-start) 0 var(--page-hero-padding-end)}.ppp-hero-grid{gap:var(--page-hero-grid-gap)}.ppp-hero h1{font-size:var(--type-page-title)}.ppp-hero-copy>p{font-size:16px}.ppp-hero .button-row{align-items:stretch}.ppp-hero .button{flex:1 1 190px}.ppp-hero-media{padding:10px;border-radius:22px}.ppp-hero-media img{height:auto;aspect-ratio:3/5;border-radius:15px;object-position:left center}.ppp-step-grid,.ppp-feature-grid,.ppp-status-grid{grid-template-columns:1fr}.ppp-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ppp-step-grid li{min-height:0}.ppp-inline,.ppp-related{align-items:stretch;flex-direction:column;gap:10px}.ppp-inline .button,.ppp-related .button{width:100%}.ppp-feature-grid article{min-height:255px}.ppp-status-grid article{min-height:0}.ppp-setup dl{border:0;background:transparent;display:grid;gap:12px}.ppp-setup dl>div{padding:21px;grid-template-columns:minmax(0,1fr) max-content;gap:8px 16px;border:1px solid #ded9e3;border-radius:19px;background:#fff}.ppp-setup dd{min-width:0;grid-column:1;grid-row:2;font-size:15px;overflow-wrap:anywhere;text-wrap:pretty}.ppp-setup dl span{grid-column:2;grid-row:1;white-space:nowrap}.ppp-demo-grid,.ppp-fuel-grid{gap:34px}.ppp-fuel aside{min-height:270px}.ppp-final-grid{grid-template-columns:1fr;gap:30px}.ppp-final .button-row{align-items:stretch}.ppp-final .button{flex:1 1 170px}}
@media(max-width:520px){.ppp-hero h1{font-size:var(--type-page-title)}.ppp-hero .button{width:100%}.ppp-game-grid{grid-template-columns:1fr}.ppp-game-grid article{grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;align-items:start;row-gap:16px}.ppp-game-grid article>strong{grid-column:1;grid-row:1}.ppp-game-grid article>div{grid-column:1/-1;grid-row:2}.ppp-game-grid article>span{grid-column:2;grid-row:1;align-self:center}.ppp-status-grid article{grid-template-columns:1fr}.ppp-status-media{height:230px}.ppp-status-media img{height:210px}.ppp-status-copy{padding:23px}.ppp-faq-list summary{font-size:15px}.ppp-faq-list details p{margin-right:0}}
@media(prefers-reduced-motion:reduce){.ppp-faq-list summary span{transition:none}}