.pph3{--n1:#111A29;--n2:#0C1420;--blue:#0C85FD;--blue-2:#4AB0FF;--gold:#F0D020;--ink:#141922;--mut:#9FB0C6;--line:rgba(255,255,255,.12);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(120% 90% at 80% 10%,#16233A 0%,var(--n1) 45%,var(--n2) 100%);color:#fff;font-family:Inter,sans-serif}
.pph3 *{box-sizing:border-box}
.pph3 :focus-visible{outline:3px solid var(--blue-2);outline-offset:3px}
.pph3-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.pph3-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.pph3-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.pph3-glow--blue{width:52vw;height:52vw;max-width:720px;max-height:720px;right:-8vw;top:-18vw;background:radial-gradient(circle,rgba(12,133,253,.55),rgba(12,133,253,0) 65%)}
.pph3-glow--gold{width:34vw;height:34vw;max-width:460px;max-height:460px;right:22vw;bottom:-14vw;background:radial-gradient(circle,rgba(240,208,32,.32),rgba(240,208,32,0) 65%)}
.pph3-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(80% 70% at 70% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(80% 70% at 70% 40%,#000 20%,transparent 75%)}
.pph3-in{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:64px 20px 56px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:center;min-height:560px}
.pph3-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-2)}
.pph3-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-2);box-shadow:0 0 0 0 rgba(74,176,255,.6);animation:pph3-pulse 2.2s ease-out infinite}
@keyframes pph3-pulse{0%{box-shadow:0 0 0 0 rgba(74,176,255,.6)}100%{box-shadow:0 0 0 12px rgba(74,176,255,0)}}
.pph3-h1{font-family:Archivo,sans-serif;font-size:clamp(38px,5.2vw,64px);font-weight:800;line-height:1.02;letter-spacing:-.025em;margin:14px 0 16px;color:#fff;text-wrap:balance;max-width:14ch}
.pph3-h1 .pph3-hl{background:linear-gradient(90deg,#4AB0FF,#8FD0FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.pph3-sub{font-size:clamp(16px,1.5vw,19px);font-weight:600;color:#DCE6F5;margin:0 0 26px;line-height:1.45;max-width:38ch}
.pph3-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.pph3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:99px;font-size:14.5px;font-weight:700;text-decoration:none;border:1.5px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s,border-color .18s;will-change:transform}
.pph3-btn--primary{background:var(--blue);color:#fff!important;box-shadow:0 14px 30px -12px rgba(12,133,253,.8)}
.pph3-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 36px -12px rgba(12,133,253,.9)}
.pph3-btn--ghost{background:rgba(255,255,255,.06);color:#fff!important;border-color:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.pph3-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);transform:translateY(-2px)}
.pph3-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pph3-badges li{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#DCE6F5;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:99px;padding:7px 12px 7px 9px;backdrop-filter:blur(6px)}
.pph3-bic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(74,176,255,.18);color:var(--blue-2);font-size:11px}
/* 3D stage */
.pph3-stage{perspective:1400px;perspective-origin:60% 40%;min-height:420px;display:flex;align-items:center;justify-content:center}
.pph3-scene{position:relative;width:min(100%,560px);aspect-ratio:1/1;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s ease-out;animation:pph3-float 7s ease-in-out infinite}
@keyframes pph3-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.pph3-art{position:absolute;inset:0;overflow:hidden;transform:translateZ(0);-webkit-mask-image:radial-gradient(62% 62% at 50% 50%,#000 38%,transparent 76%);mask-image:radial-gradient(62% 62% at 50% 50%,#000 38%,transparent 76%)}
.pph3-art img{width:100%;height:100%;object-fit:cover;display:block;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}
.pph3-art-fallback{width:100%;height:100%;background:radial-gradient(60% 60% at 50% 45%,#1B2A44,#0C1420)}
.pph3-sweep{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);transform:translateX(-60%);animation:pph3-sweep 6.5s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
@keyframes pph3-sweep{0%,55%{transform:translateX(-60%)}80%,100%{transform:translateX(60%)}}
.pph3-film{position:absolute;width:20%;aspect-ratio:3/4;opacity:.9;border-radius:10px;background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,.08) 45%,rgba(255,255,255,.18));border:1px solid rgba(255,255,255,.35);box-shadow:0 30px 50px -24px rgba(0,0,0,.8);backdrop-filter:blur(2px);overflow:hidden;transform-style:preserve-3d}
.pph3-film i{position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 62%);transform:translateX(-80%);animation:pph3-sweep 5.5s ease-in-out infinite}
.pph3-film-ink{position:absolute;inset:16% 14%;border-radius:6px;opacity:.9}
.pph3-film-ink--1{background:conic-gradient(from 210deg,#FF5BA6,#FFB84D,#4AB0FF,#8A5CFF,#FF5BA6);filter:saturate(1.2)}
.pph3-film-ink--2{background:radial-gradient(circle at 35% 35%,#FFD84D,#FF7A3D 45%,#C8286A 75%,#5B2AA6)}
.pph3-film-ink--3{background:linear-gradient(135deg,#00E0C6,#4AB0FF 45%,#B45CFF)}
.pph3-film--a{left:-3%;top:8%;transform:translateZ(90px) rotate(-14deg);animation:pph3-bob-a 6s ease-in-out infinite}
.pph3-film--b{right:-2%;top:10%;width:16%;transform:translateZ(60px) rotate(12deg);animation:pph3-bob-b 7.5s ease-in-out infinite}
.pph3-film--c{right:12%;bottom:4%;width:15%;transform:translateZ(120px) rotate(8deg);animation:pph3-bob-c 6.8s ease-in-out infinite}
@keyframes pph3-bob-a{0%,100%{transform:translateZ(90px) rotate(-14deg) translateY(0)}50%{transform:translateZ(90px) rotate(-11deg) translateY(-14px)}}
@keyframes pph3-bob-b{0%,100%{transform:translateZ(60px) rotate(12deg) translateY(0)}50%{transform:translateZ(60px) rotate(15deg) translateY(-10px)}}
@keyframes pph3-bob-c{0%,100%{transform:translateZ(120px) rotate(8deg) translateY(0)}50%{transform:translateZ(120px) rotate(5deg) translateY(-16px)}}
.pph3-chip{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(17,26,41,.82);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 14px 10px 10px;box-shadow:0 24px 40px -20px rgba(0,0,0,.9);backdrop-filter:blur(10px);white-space:nowrap}
.pph3-chip b{display:block;font-size:13px;font-weight:700;color:#fff;line-height:1.15}
.pph3-chip small{display:block;font-size:11.5px;color:var(--mut);margin-top:2px}
.pph3-chip-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.pph3-chip-ic--gold{background:var(--gold);color:var(--ink)}
.pph3-chip-ic--blue{background:var(--blue);color:#fff}
.pph3-chip--1{right:0;top:3%;transform:translateZ(140px);animation:pph3-chip-a 6.4s ease-in-out infinite}
.pph3-chip--2{left:0;bottom:7%;transform:translateZ(110px);animation:pph3-chip-b 7.2s ease-in-out infinite}
@keyframes pph3-chip-a{0%,100%{transform:translateZ(140px) translateY(0)}50%{transform:translateZ(140px) translateY(-10px)}}
@keyframes pph3-chip-b{0%,100%{transform:translateZ(110px) translateY(0)}50%{transform:translateZ(110px) translateY(-12px)}}
.pph3-shadow{position:absolute;left:12%;right:12%;bottom:-8%;height:14%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%);filter:blur(10px);transform:translateZ(-40px)}
.pph3-scroll{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:99px;z-index:2}
.pph3-scroll span{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:pph3-scroll 1.8s ease-in-out infinite}
@keyframes pph3-scroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(14px);opacity:0}}
@media(max-width:960px){.pph3-in{grid-template-columns:1fr;gap:28px;padding:44px 18px 64px;min-height:0}.pph3-h1{max-width:none}.pph3-stage{min-height:0;order:2}.pph3-scene{width:min(100%,380px)}.pph3-chip{padding:8px 12px 8px 8px}.pph3-chip b{font-size:12px}.pph3-chip--1{right:0;top:4%;}.pph3-chip--2{left:0;bottom:6%}.pph3-film--c{bottom:10%}.pph3-glow--blue{right:-30vw;top:-30vw;width:90vw;height:90vw}.pph3-scroll{display:none}}
@media(max-width:480px){.pph3-chip small{display:none}.pph3-film--b{display:none}}
@media(prefers-reduced-motion:reduce){.pph3 *{animation:none!important;transition:none!important}.pph3-scene{transform:none!important}.pph3-particles{display:none}}