.ppHero{--pp-gold:#d4af37;--pp-lite:#f5e6b8;position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(360px,44vw,560px);padding:clamp(20px,3vw,34px);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:clamp(18px,3vw,30px);background:radial-gradient(100% 80% at 70% 0,rgba(212,175,55,.15),transparent 62%),linear-gradient(180deg,rgba(20,20,22,.95),rgba(7,8,11,.98));box-shadow:0 40px 90px -50px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}.pp-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 0);background-size:34px 34px;-webkit-mask-image:radial-gradient(80% 70% at 50% 42%,#000 32%,transparent 80%);mask-image:radial-gradient(80% 70% at 50% 42%,#000 32%,transparent 80%)}.pp-device{position:relative;z-index:1;width:min(270px,78%);aspect-ratio:9/18.5;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:38px;background:linear-gradient(145deg,#24262d,#090a0e 38%,#16171c);box-shadow:0 36px 70px -30px #000,inset 0 0 0 2px rgba(255,255,255,.04)}.pp-speaker{position:absolute;z-index:2;top:19px;left:50%;width:50px;height:5px;border-radius:999px;background:#050506;transform:translateX(-50%)}.pp-screen{display:grid;align-content:start;grid-gap:11px;gap:11px;height:100%;padding:18px 14px 16px;overflow:hidden;border-radius:28px;background:radial-gradient(120% 70% at 70% -10%,rgba(212,175,55,.16),transparent 58%),#0b0c10}.pp-status{display:flex;justify-content:space-between;color:#8d929e;font-size:8px;letter-spacing:.08em}.pp-head{display:flex;align-items:center;gap:10px;padding:11px 0 13px;border-bottom:1px solid rgba(255,255,255,.08)}.pp-head>span:last-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.pp-head strong{color:#f3f4f6;font-size:12px}.pp-head small{overflow:hidden;color:#8d929e;font-size:6.5px;letter-spacing:.07em;white-space:nowrap;text-overflow:ellipsis}.pp-mark{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:11px;color:#171108;font-size:11px;font-weight:900;background:linear-gradient(135deg,var(--pp-lite,#f5e6b8),var(--pp-gold,#d4af37))}.pp-device-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:#d9dce3;background:rgba(255,255,255,.035);font-size:10.5px}.pp-device-row b{color:#7fd1aa}.pp-choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:2px}.pp-choice-grid span{min-height:50px;padding:9px;border-radius:10px;border:1px solid rgba(212,175,55,.2);color:#c9cdd5;background:rgba(212,175,55,.055);font-size:9px}.pp-hero-label{position:absolute;right:18px;bottom:14px;color:rgba(245,230,184,.52);font-family:var(--font-mono,ui-monospace,monospace);font-size:9px;letter-spacing:.1em}.pp-mission{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 52% 22%,rgba(212,175,55,.18),transparent 46%),#060606}.pp-mission .pp-device.is-compact{width:112px;padding:5px;border-radius:18px;transform:translateY(34%)}.pp-mission .pp-device.is-compact .pp-screen{gap:4px;padding:8px 5px 6px;border-radius:14px}.pp-mission .pp-device.is-compact .pp-speaker{top:8px;width:21px;height:2px}.pp-mission .pp-device.is-compact .pp-status{font-size:3.5px}.pp-mission .pp-device.is-compact .pp-head{gap:4px;padding:4px 0 5px}.pp-mission .pp-device.is-compact .pp-mark{width:16px;height:16px;border-radius:5px;font-size:5px}.pp-mission .pp-device.is-compact .pp-head strong{font-size:5px}.pp-mission .pp-device.is-compact .pp-head small{font-size:3px}.pp-mission .pp-device.is-compact .pp-device-row{padding:4px 5px;border-radius:4px;font-size:4.5px}.pp-mission .pp-device.is-compact .pp-choice-grid{gap:3px}.pp-mission .pp-device.is-compact .pp-choice-grid span{min-height:17px;padding:3px;border-radius:4px;font-size:3.8px}.ppShowcase{max-width:1280px;margin:0 auto;padding:clamp(28px,6vh,64px) var(--page-pad,24px)}.ppShowcaseHead{max-width:760px;margin-bottom:26px}.ppShowcaseHead h2{margin:8px 0 0;font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:740;letter-spacing:-.03em}.ppShowcaseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.ppStep{display:grid;grid-gap:10px;gap:10px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(212,175,55,.05),transparent),rgba(10,11,14,.72)}.ppStepVisual{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:104px;padding:18px;border-radius:13px;background:rgba(0,0,0,.28)}.ppStepNumber{color:#d4af37;font:700 11px var(--font-mono,ui-monospace,monospace)}.ppStepLine{height:1px;background:linear-gradient(90deg,rgba(212,175,55,.7),rgba(108,184,217,.42))}.ppStepNode{padding:7px 9px;border:1px solid rgba(212,175,55,.3);border-radius:999px;color:#f5e6b8;font:700 8px var(--font-mono,ui-monospace,monospace);letter-spacing:.08em}.ppStep>strong{color:#f2f3f6;font-size:1rem}.ppStep>p{margin:0;color:var(--muted,#9aa0ad);font-size:.9rem;line-height:1.6}.ppShowcaseNote{margin:22px 0 0;color:#7a818f;font:.78rem var(--font-mono,ui-monospace,monospace)}@media (max-width:900px){.ppShowcaseGrid{grid-template-columns:1fr}}@media (max-width:520px){.ppHero{min-height:460px}.pp-device{width:min(246px,80%)}.pp-hero-label{right:12px;bottom:11px;left:12px;text-align:center}}