.pj-page{background:var(--bg);color:var(--text);min-height:100vh}.pj-hero{background:radial-gradient(ellipse 55% 75% at 85% 0%, #4c63f061, transparent 60%), radial-gradient(ellipse 40% 60% at 0% 100%, #a78bfa2e, transparent 60%), var(--bg);padding:120px 0 56px;position:relative;overflow:hidden}.pj-grid{pointer-events:none;background-image:linear-gradient(#889edc1a 1px,#0000 1px),linear-gradient(90deg,#889edc1a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90% at 70% 20%,#000 15%,#0000 70%);mask-image:radial-gradient(70% 90% at 70% 20%,#000 15%,#0000 70%)}.pj-hero .container{z-index:1;animation:.9s cubic-bezier(.2,.7,.2,1) both rise;position:relative}.pj-hero h1{letter-spacing:-3px;max-width:900px;margin:22px 0 0;font:800 clamp(40px,5.6vw,76px)/1.04 Manrope,sans-serif}.pj-hero h1 span{background:var(--a-grad);-webkit-text-fill-color:transparent;color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite alternate gradient-shift}.pj-hero p{max-width:540px;color:var(--muted);margin:22px 0 0;font-size:17px;line-height:1.8}.pj-section{padding:56px 0}.pj-last{padding-bottom:100px}.pj-h2{letter-spacing:-2px;margin:18px 0 0;font:800 clamp(30px,3.8vw,48px)/1.08 Manrope,sans-serif}.pj-h2 span{color:#8295ff}.pj-showcase{border:1px solid var(--line);background:linear-gradient(160deg,#121f3a,#0d172b);border-radius:28px;grid-template-columns:.95fr 1.05fr;display:grid;overflow:hidden;box-shadow:0 40px 100px #0006}.pj-showcase-body{flex-direction:column;justify-content:center;padding:54px 50px;display:flex}.pj-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pj-tag{letter-spacing:1.6px;color:#9aabff;border:1px solid #8da0ff59;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:700}.pj-type{color:#7ed8c0;font-size:12px;font-weight:600}.pj-showcase h2{letter-spacing:-1.8px;margin:22px 0 18px;font:800 clamp(30px,3.4vw,46px)/1.1 Manrope,sans-serif}.pj-lead{color:#c9d3e8;margin:0;font-size:16px;line-height:1.85}.pj-roles{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pj-roles span{color:#e7ecf8;border:1px solid var(--line);background:#ffffff0d;border-radius:999px;align-items:center;gap:9px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.pj-roles i{background:linear-gradient(135deg,#6c83ff,#7ed8c0);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #6c83ff}.pj-visual{background:#0a1022;min-height:500px;position:relative;overflow:hidden}.pj-win{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:#ffffff12;border:1px solid #fff3;border-radius:20px;width:min(88%,480px);padding:14px;animation:9s ease-in-out infinite bob;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 34px 80px #00000073}.pj-win-bar{align-items:center;gap:6px;margin-bottom:14px;display:flex}.pj-win-bar>i{background:#ffffff4d;border-radius:50%;width:8px;height:8px}.pj-tabs{gap:6px;margin-left:auto;display:flex}.pj-tabs span{letter-spacing:1.3px;color:#ffffffa6;border-radius:999px;padding:6px 11px;font:700 9px DM Sans,sans-serif}.pj-tabs .on{color:#fff;background:linear-gradient(120deg,#6c83ff,#a78bfa);box-shadow:0 6px 16px #6c83ff73}.pj-win-body{grid-template-columns:1.55fr 1fr;gap:12px;display:grid}.pj-head,.pj-grid-cells{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.pj-head{text-align:center;letter-spacing:1px;color:#ffffffa6;margin-bottom:7px;font:700 7.5px DM Sans,sans-serif}.pj-cell{aspect-ratio:1.05;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px}.pj-a,.pj-b,.pj-c{border-color:#0000;animation:.6s cubic-bezier(.2,.7,.2,1) both pj-pop}.pj-a{background:linear-gradient(135deg,#6c83ff,#a78bfa);box-shadow:0 0 14px #6c83ff8c}.pj-b{background:linear-gradient(135deg,#2dd4bf,#6c83ff);box-shadow:0 0 14px #2dd4bf73}.pj-c{background:linear-gradient(135deg,#f472b6,#f59e0b);box-shadow:0 0 14px #f472b673}@keyframes pj-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.pj-side{gap:10px;display:grid}.pj-mini{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;place-items:center;gap:6px;padding:12px 8px;display:grid}.pj-mini b{letter-spacing:1.1px;color:#fffc;text-transform:uppercase;font:700 9px DM Sans,sans-serif}.pj-chip{z-index:3;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;padding:9px 15px;font-size:11.5px;font-weight:700;animation:7s ease-in-out infinite bob;position:absolute;box-shadow:0 12px 30px #0000004d}.pj-chip-a{top:9%;left:6%}.pj-chip-b{animation-delay:-3.5s;bottom:9%;right:6%}.pj-overview-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:80px;display:grid}.pj-overview-grid p{color:var(--muted);margin:0 0 18px;font-size:15px;line-height:1.95}.pj-features{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;display:grid}.pj-feature{border:1px solid var(--line);background:linear-gradient(145deg,#172441d1,#0c1425b3);border-radius:18px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s}.pj-feature:hover{border-color:#8196ff80;transform:translateY(-6px);box-shadow:0 24px 60px #4c63f038}.pj-icon{color:#fff;background:linear-gradient(135deg,#4f63ee,#a78bfa);border-radius:14px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 12px 26px #4f63ee59}.pj-feature h3{margin:24px 0 10px;font:700 19px Manrope,sans-serif}.pj-feature p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.8}.pj-algos{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;display:grid}.pj-algo{border:1px solid var(--line);background:linear-gradient(145deg,#172441d1,#0c1425b3);border-radius:18px;padding:26px}.pj-algo-art{border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,#6c83ff38,#0000 60%),#ffffff08;border-radius:14px;place-items:center;height:112px;margin-bottom:22px;display:grid}.pj-algo h3{margin:0 0 10px;font:700 18px Manrope,sans-serif}.pj-algo p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.75}.pj-shots{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;display:grid}.pj-shot{aspect-ratio:16/10;border:1px solid var(--line);border-radius:18px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.pj-shot img{object-fit:cover}.pj-stack{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:40px;display:grid}.pj-stack-group{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:24px}.pj-stack-group b{letter-spacing:1.6px;text-transform:uppercase;color:#8da0ff;margin-bottom:16px;font:700 11px DM Sans,sans-serif;display:block}.pj-stack-group div{flex-wrap:wrap;gap:8px;display:flex}.pj-stack-group span{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:999px;padding:8px 14px;font-size:13px}.pj-cta{text-align:center;background:radial-gradient(50% 80% at 85% 0,#77d9d066,#0000 60%),linear-gradient(120deg,#263c9a,#485bd0 55%,#6550b4);border-radius:24px;padding:80px 28px;position:relative;overflow:hidden}.pj-cta .section-kicker{color:#d5dcff}.pj-cta h2{letter-spacing:-2.4px;margin:20px 0 32px;font:800 clamp(32px,4.4vw,54px)/1.08 Manrope,sans-serif}.pj-cta h2 span{color:#c4cbff}@media (max-width:960px){.pj-showcase{grid-template-columns:1fr}.pj-showcase-body{padding:40px 30px}.pj-visual{min-height:420px}.pj-overview-grid{grid-template-columns:1fr;gap:28px}.pj-features{grid-template-columns:1fr 1fr}.pj-algos,.pj-shots{grid-template-columns:1fr}}@media (max-width:640px){.pj-hero{padding:90px 0 36px}.pj-hero h1{letter-spacing:-2px}.pj-section{padding:40px 0}.pj-features{grid-template-columns:1fr}.pj-showcase-body{padding:32px 22px}.pj-visual{min-height:360px}.pj-chip{padding:7px 11px;font-size:10px}.pj-cta{padding:56px 20px}}.pj-first{padding-top:56px}.pj-title{letter-spacing:-1.8px;margin:22px 0 18px;font:800 clamp(30px,3.4vw,46px)/1.1 Manrope,sans-serif}.pj-list{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.pj-card{border:1px solid var(--line);background:linear-gradient(160deg,#121f3a,#0d172b);border-radius:24px;flex-direction:column;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;overflow:hidden;box-shadow:0 30px 70px #00000059}.pj-card:hover{border-color:#8196ff80;transform:translateY(-8px);box-shadow:0 40px 90px #4c63f047}.pj-card-visual{background:#0a1022;height:300px;position:relative;overflow:hidden}.pj-card-visual:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000 55%,#111d38 100%);position:absolute;inset:0}.pj-card-visual .pj-win{width:min(80%,380px)}.pj-card-body{flex-direction:column;flex:1;padding:28px 32px 32px;display:flex}.pj-card-top{justify-content:space-between;align-items:center;display:flex}.pj-card-num{letter-spacing:1.6px;color:#6f7d99;font:700 12px DM Sans,sans-serif}.pj-card h3{letter-spacing:-.8px;margin:18px 0 12px;font:800 clamp(22px,2.3vw,28px)/1.15 Manrope,sans-serif}.pj-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.pj-card-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.pj-card-tags span{color:#aebbe0;border:1px solid #97aae633;border-radius:999px;padding:6px 11px;font-size:11px}.pj-card-go{color:#9eafff;align-items:center;gap:8px;margin-top:auto;padding-top:26px;font-size:13px;font-weight:700;display:inline-flex}.pj-card-go svg{transition:transform .25s}.pj-card:hover .pj-card-go svg{transform:translate(4px,-4px)}.pj-more{margin-top:40px}.pj-url{background:#ffffff24;border-radius:7px;width:55%;height:14px;margin-left:auto}.pj-web{gap:14px;display:grid}.pj-web-hero{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:14px}.pj-web-hero b{opacity:.9;background:#fff;border-radius:6px;height:13px;margin-bottom:8px;display:block}.pj-web-hero b:first-child{width:70%}.pj-web-hero b:nth-child(2){width:48%}.pj-web-hero span{background:#ffffff4d;border-radius:4px;height:7px;margin-top:7px;display:block}.pj-web-hero span:nth-of-type(2){width:80%}.pj-web-hero em{background:linear-gradient(120deg,#6c83ff,#a78bfa);border-radius:8px;width:84px;height:24px;margin-top:14px;display:block}.pj-web-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pj-web-cards div{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;height:58px}@media (max-width:960px){.pj-list{grid-template-columns:1fr}}@media (max-width:640px){.pj-card-visual{height:260px}.pj-card-body{padding:24px 22px 28px}}.pj-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}
