:root{--ink:#000;--deep:#0a0a0a;--panel:#141414;--panel2:#1c1c1c;--line:#2f2f2f;--cyan:#e22d24;--mint:#fff;--green:#3ccf6e;--violet:#b0b0b0;--white:#fff;--muted:#a3a3a3;--orange:#ffcb05;--red:#e22d24}*{box-sizing:border-box}body{color:var(--white);background:radial-gradient(circle at 50% 0,#1a1a1a 0,#080808 42%,#000 100%);min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.shell{max-width:920px;margin:auto;padding:24px 16px 40px}.stage{place-items:start center;display:grid}.phone{background:var(--deep);border:1px solid #e22d2447;border-radius:36px;flex-direction:column;width:min(100%,410px);height:790px;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000070}.phone-top{background:linear-gradient(90deg,#111,#111);place-items:center;height:28px;display:grid}.island{background:#000;border-radius:99px;width:92px;height:14px}.screen{flex-direction:column;flex:1;min-height:0;display:none}.screen.active{display:flex}.app-head{border-bottom:1px solid var(--line);background:#000000f5;grid-template-columns:82px 1fr 82px;align-items:center;height:62px;padding:0 14px;display:grid}.vpx-logo{text-align:center;letter-spacing:.08em;font-size:20px;font-weight:700}.vpx-logo span{color:var(--cyan)}.plei-back{min-height:40px;color:var(--mint);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:600}.icon{width:38px;height:38px;color:var(--mint);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:18px;display:grid}.content{flex:1;min-height:0;padding:20px 20px 24px}.scroll{scrollbar-color:var(--line) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}h1,h2,h3,p{margin:0}h1{font-size:27px}h2{font-size:22px}h3{font-size:17px}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:var(--cyan);font-size:11px;font-weight:600}.muted{color:var(--muted);line-height:1.45}.small{font-size:12px}.row{align-items:center;display:flex}.between{justify-content:space-between}.gap{gap:10px}.hero-card{background:linear-gradient(145deg,#5c100c,#1a0606);border:1px solid #e22d245c;border-radius:20px;padding:18px;position:relative;overflow:hidden}.hero-card:after{content:"";background:#e22d2412;border-radius:50%;width:140px;height:140px;position:absolute;top:-65px;right:-60px}.avatar{border:2px solid var(--cyan);background:#000;border-radius:50%;flex:none;width:64px;height:64px;overflow:hidden}.avatar img{object-fit:cover;object-position:center 42%;width:100%;height:100%}.identity h2{margin:4px 0}.chip{color:var(--cyan);background:#e22d241f;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-flex}.meter{background:#ffffff1f;border-radius:9px;height:8px;margin-top:8px;overflow:hidden}.meter span{background:linear-gradient(90deg,var(--cyan),#ff6a4d);width:35%;height:100%;display:block}.primary,.secondary{cursor:pointer;border-radius:999px;width:100%;min-height:49px;font-weight:650}.primary{color:var(--ink);background:var(--cyan);border:0}.secondary{border:1px solid var(--line);color:var(--mint);background:0 0}.actions{gap:10px;margin-top:18px;display:grid}.section-title{margin:22px 0 11px}.tile-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);min-height:104px;color:var(--white);text-align:left;border-radius:15px;padding:15px}.tile-action{cursor:pointer}.tile-action:hover{border-color:var(--cyan)}.tile .symbol{margin-bottom:10px;font-size:22px}.mono-icon{width:24px;height:24px;color:var(--mint);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.tile strong{margin-bottom:4px;display:block}.tile span{color:var(--muted);font-size:12px}.totem-tile{padding-left:9px;padding-right:9px}.totem-tile .totem-copy{letter-spacing:0;font-size:12px;line-height:1.25;display:block}.challenge{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin-bottom:12px;padding:16px}.challenge-top{justify-content:space-between;gap:12px;display:flex}.challenge h3{margin:6px 0}.challenge .metric{color:var(--cyan);font-weight:650}.challenge-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.tag{color:var(--ink);background:var(--green);border-radius:999px;padding:5px 8px;font-size:11px}.tag.premium{background:var(--violet)}.tag.review{background:var(--orange)}.capture{background:#000;border-radius:22px;height:270px;margin:18px 0;position:relative;overflow:hidden}.capture img{object-fit:cover;width:100%;height:100%}.capture:after{content:"ALIGN FULL BODY WITHIN FRAME";text-align:center;color:var(--cyan);letter-spacing:.08em;background:#000000d1;border-radius:9px;padding:8px;font-size:11px;position:absolute;bottom:14px;left:14px;right:14px}.record{background:var(--red);cursor:pointer;border:7px solid #ffffffe6;border-radius:50%;width:70px;height:70px;margin:0 auto;display:block}.rules{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.rule{text-align:center;background:var(--panel);color:var(--muted);border-radius:12px;padding:10px 5px;font-size:11px}.rule b{color:var(--mint);margin-bottom:4px;font-size:16px;display:block}.result-score{text-align:center;padding:20px 0}.result-score .number{color:var(--cyan);font-size:72px;font-weight:750;line-height:1}.verified{color:var(--green);font-weight:650}.rank-grid{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);margin:16px 0;display:grid}.rank-grid div{text-align:center;color:var(--muted);padding:13px 5px;font-size:11px}.rank-grid div+div{border-left:1px solid var(--line)}.rank-grid b{color:var(--white);margin-top:4px;font-size:20px;display:block}.totem-brandbar{background:linear-gradient(#000,#0a0a0a);border-bottom:1px solid #e22d2438;place-items:center;height:66px;display:grid}.totem-lockup{letter-spacing:.1em;align-items:center;gap:10px;display:flex}.totem-lockup .lockup-vpx{font-size:15px;font-weight:800}.totem-lockup .lockup-vpx i{color:var(--cyan);font-style:normal}.totem-lockup .lockup-rule{background:var(--line);width:1px;height:22px}.totem-lockup strong{letter-spacing:.08em;font-size:20px}.totem-nav{border-bottom:1px solid var(--line);background:#000;grid-template-columns:64px minmax(0,1fr) 88px;align-items:center;gap:8px;padding:10px 12px;display:grid}.board-toggle{border:1px solid var(--line);background:var(--ink);border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.board-toggle button{height:34px;color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 6px;font-size:9px;font-weight:800}.board-toggle button.active{background:var(--cyan);color:var(--ink)}.enter-here{background:var(--green);height:40px;color:var(--ink);letter-spacing:.04em;cursor:pointer;border:0;border-radius:999px;padding:0 8px;font-size:10px;font-weight:850}.leader-head{border-bottom:1px solid var(--line);padding:12px 14px 10px}.filter-label{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.filter-label strong{font-size:13px}.demo{color:var(--orange);font-size:10px}.leader-filters{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.leader-filters button{border:1px solid var(--line);background:var(--panel);min-width:0;height:43px;color:var(--white);text-align:left;cursor:pointer;border-radius:11px;padding:6px 8px;position:relative}.leader-filters button:hover{border-color:var(--cyan)}.leader-filters span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px;display:block}.leader-filters strong{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.leader-filters b{color:var(--cyan);font-size:10px;position:absolute;top:16px;right:7px}.rank-table-head{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #2f2f2f99;grid-template-columns:78px 1fr auto;gap:8px;padding:9px 19px 7px;font-size:8px;display:grid}.rank-table-head span:last-child{text-align:right}.leader-scroll{scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding:0 14px 92px;overflow-y:auto}.leader-scroll::-webkit-scrollbar{width:6px}.leader-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}.leader-row{border-bottom:1px solid #2f2f2fa6;grid-template-columns:34px 42px 1fr auto;align-items:center;gap:9px;padding:12px 5px;display:grid}.place{text-align:center;color:var(--muted);font-weight:700}.place.medal{color:var(--orange)}.mini-avatar{background:linear-gradient(145deg,#3a3a3a,#5c100c);border-radius:50%;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.leader-name strong{font-size:13px;display:block}.leader-name span{color:var(--muted);font-size:10px}.score{text-align:right;color:var(--cyan);font-weight:750}.score small{color:var(--muted);font-size:9px;font-weight:400;display:block}.current{background:#e22d2414;border-bottom-color:#0000;border-radius:12px;margin:5px 0}.pinned{border:1px solid var(--cyan);background:#1a0808;border-radius:14px;position:absolute;bottom:12px;left:14px;right:14px;box-shadow:0 -10px 28px #000c}.leader-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.empty-board{text-align:center;color:var(--muted);padding:42px 20px;font-size:12px}.playerport{background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:1px solid #ffffff8c;border-radius:20px;padding:18px}.digital-human{background:#000;border-radius:16px;place-items:center;height:250px;margin:-6px -4px 15px;display:grid;overflow:hidden}.digital-human img{object-fit:cover;width:100%;height:100%}.evidence{margin-top:14px}.evidence-row{border-bottom:1px solid var(--line);grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:12px 0;display:grid}.evidence-row span{color:var(--muted);font-size:12px}.evidence-row b{color:var(--mint)}.snapshot{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:15px}.snapshot-grid{background:var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:13px;display:grid;overflow:hidden}.snapshot-grid div{background:var(--deep);text-align:center;padding:11px 6px}.snapshot-grid b{color:var(--white);font-size:17px;display:block}.snapshot-grid span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.source-line{color:var(--muted);justify-content:space-between;gap:10px;margin-top:11px;font-size:11px;display:flex}.lab-progress{grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0;display:grid}.lab-progress div{background:#ffffff1f;border-radius:8px;height:7px}.lab-progress div:first-child{background:var(--cyan)}.test-list{gap:10px;margin-top:13px;display:grid}.test-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.test-icon{width:41px;height:41px;color:var(--cyan);background:#e22d241a;border-radius:12px;place-items:center;font-weight:700;display:grid}.test-card strong{display:block}.test-card span{color:var(--muted);font-size:11px}.test-status{color:var(--cyan);font-size:12px}.privacy-note{border-left:3px solid var(--violet);color:var(--muted);background:#ffffff17;margin-top:16px;padding:13px;font-size:11px;line-height:1.45}.performance-nav{background:linear-gradient(145deg,#1c0707,#111);border:1px solid #e22d2480;border-radius:16px;margin:0 18px 12px;padding:13px}.performance-nav.in-profile{margin:16px 0 0}.performance-nav-title{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.performance-nav-title strong{font-size:14px;display:block}.performance-nav-title>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.performance-nav-title .verify-cta{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin-top:3px;font-size:11px;font-weight:800;display:block}.assessment-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.assessment-buttons button{border:1px solid var(--line);background:var(--deep);min-height:48px;color:var(--mint);cursor:pointer;border-radius:11px;font-weight:700}.assessment-buttons button:hover{border-color:var(--cyan);color:var(--cyan)}.assessment-buttons small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:500;display:block}.bottom-nav{border-top:1px solid var(--line);background:#000;grid-template-columns:repeat(3,1fr);align-items:center;height:62px;display:grid}.bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:11px}.bottom-nav button.active{color:var(--cyan)}.bottom-nav b{margin-bottom:3px;font-size:18px;display:block}.bottom-nav .mono-icon{color:currentColor;width:18px;height:18px;margin:0 auto 3px}.protocol{background:var(--panel);border:1px solid var(--line);border-radius:17px;margin-top:18px;padding:17px}.protocol-row{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;gap:10px;padding:11px 0;display:grid}.protocol-row:last-child{border-bottom:0}.protocol-row b{color:var(--cyan)}.protocol-row span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.app-head{grid-template-columns:108px 1fr 108px}.plei-back{min-height:44px;color:var(--mint);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;font-weight:750;line-height:1.05;display:flex}.plei-back:before{content:"";background:url(/plei-logo.png) 50%/cover no-repeat;border-radius:7px;flex:0 0 27px;width:27px;height:27px}.plei-back:focus-visible,.bottom-nav button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.totem-nav{grid-template-columns:102px minmax(0,1fr) 88px}.totem-nav .plei-back{padding:0;font-size:9px}.bottom-nav{z-index:20;flex:0 0 62px;height:62px;position:relative}.bottom-nav button{min-height:48px}.vpx-logo{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.vpx-logo .brand-line{color:var(--white)}.vpx-logo .brand-line span{color:var(--cyan)}.vpx-logo .product-subtitle{color:var(--muted);letter-spacing:.12em;margin-top:5px;font-size:9px;font-weight:650}@media (width<=450px){.shell{padding:0 0 24px}.phone{border-left:0;border-right:0;border-radius:0;width:100%;height:820px}.phone-top{display:none}}@font-face{font-family:Archivo Black;src:url(/fonts/archivo-black-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Familjen Grotesk;src:url(/fonts/familjen-grotesk-var.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--display:"Archivo Black","Arial Black",Impact,sans-serif}body{background:#000 url(/textures/concrete.avif) 50%/cover fixed;font-family:Familjen Grotesk,Helvetica,Arial,sans-serif}.phone{background:linear-gradient(#00000059,#00000059),url(/textures/concrete.avif) center/cover,var(--deep);border-color:#2f2f2f}h1,h2,.vpx-logo .brand-line,.totem-lockup,.result-score .number,.snapshot-grid b,.rank-grid b{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-weight:400}h1{font-size:26px;line-height:1.05}h2{font-size:20px;line-height:1.1}.result-score .number{color:var(--white);text-shadow:4px 4px 0 var(--cyan);font-size:84px;font-style:italic}.section-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid var(--white);padding-bottom:9px;font-size:14px;font-weight:400}.eyebrow,.chip,.tag{letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero-card{background:var(--grain),linear-gradient(145deg,#5c100c,#1a0606);border-color:#e22d2499}.primary{color:var(--white);text-transform:uppercase;letter-spacing:.08em}.secondary{border-color:var(--white);color:var(--white)}.board-toggle button.active,.enter-here{color:var(--white)}.tag.premium{color:var(--ink)}.tile-action:hover,.assessment-buttons button:hover{border-color:var(--cyan)}.app-head,.totem-brandbar{border-bottom:2px solid var(--cyan)}.hero-card .chip{color:var(--white);background:#ffffff1f}.app-head,.totem-brandbar{background:linear-gradient(#00000040,#00000040),url(/textures/great8s-strip.avif) 50%/cover,#0a1530}.tile,.challenge,.snapshot,.test-card,.protocol,.rule,.leader-filters button{background:url(/textures/concrete-strip.avif) center/cover,var(--panel)}.totem-nav,.bottom-nav{background:#0009}