.pj-hero{background:radial-gradient(circle at 74% 46%,#3c6cf921,#0000 38%),radial-gradient(circle at 92% 88%,#8044fc17,#0000 30%),linear-gradient(125deg,#fff 0%,#f5f8ff 52%,#eef3ff 100%);padding:clamp(130px,17vh,180px) 0 clamp(70px,9vw,120px);position:relative;overflow:hidden}.pj-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.pj-hero-copy{gap:24px;display:grid}.pj-gallery{perspective:1600px;height:520px;position:relative}.pj-frame{width:440px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,.82,.25,1);position:absolute}.pj-frame[data-slot="0"]{z-index:1;animation:7s ease-in-out infinite pj-float;top:0;left:0;transform:rotateY(22deg)rotateX(6deg)scale(.86)}.pj-frame[data-slot="1"]{z-index:2;width:360px;animation:7s ease-in-out -2.4s infinite pj-float;top:150px;left:32%;transform:rotateY(-16deg)rotateX(4deg)scale(.86)}.pj-frame[data-slot="2"]{z-index:3;width:260px;animation:7s ease-in-out -4.6s infinite pj-float;top:40px;right:-20px;transform:rotateY(-24deg)scale(.78)}.pj-frame[data-slot="2"] .hx-app{min-height:0}.pj-frame[data-slot="2"] .hx-float-chip{display:none}.pj-gallery:hover .pj-frame[data-slot="0"]{transform:rotateY(12deg)rotateX(4deg)scale(.88)translate(-20px)}.pj-gallery:hover .pj-frame[data-slot="2"]{transform:rotateY(-12deg)scale(.8)translate(16px)}.pj-explorer{gap:22px;display:grid}.pj-tabs{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.pj-tabs legend{color:var(--hs-soft);margin-bottom:12px;font-size:.8rem;font-weight:700}.pj-tabs button{border:1px solid var(--hs-line);color:var(--hs-ink);font:inherit;text-align:left;cursor:pointer;background:#ffffffbf;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;gap:3px 12px;padding:14px 16px;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;display:grid}.pj-tabs button:hover{transform:translateY(-2px)}.pj-tabs button span{color:#3c6cf9;width:36px;height:36px;font-family:var(--font-mono,ui-monospace, monospace);background:#3c6cf91a;border-radius:12px;grid-row:span 2;place-items:center;font-size:.7rem;font-weight:800;display:grid}.pj-tabs button b{font-size:.9rem;line-height:1.25}.pj-tabs button small{color:#7a86a6;font-size:.7rem;font-weight:650}.pj-tabs button[aria-pressed=true]{background:#fff;border-color:#3c6cf973;box-shadow:0 16px 34px #3c6cf924}.pj-tabs button[aria-pressed=true] span{color:#fff;background:var(--hs-gradient)}.pj-tabs button:focus-visible{outline-offset:2px;outline:2px solid #3c6cf9}.pj-case{border:1px solid var(--hs-line);background:var(--hs-card);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);padding:clamp(22px,3vw,36px);animation:.6s cubic-bezier(.22,.82,.25,1) both hx-enter;display:grid;box-shadow:0 40px 100px #1e32781c}.pj-story{align-content:start;gap:20px;display:grid}.pj-case-head em{color:#92400e;background:#fef3c7;border-radius:999px;margin-bottom:12px;padding:5px 11px;font-size:.68rem;font-style:normal;font-weight:750;display:inline-block}.pj-case-head h3{letter-spacing:-.045em;margin:0;font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:700;line-height:1.1}.pj-case-head p{color:#5b6788;margin:8px 0 0;font-size:.92rem;font-weight:600}.pj-blocks{gap:10px;display:grid}.pj-blocks article{border:1px solid var(--hs-line);background:#f9fbff;border-radius:18px;grid-template-columns:40px 1fr;gap:14px;padding:14px;display:grid}.pj-blocks i{color:#3c6cf9;background:#3c6cf91a;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.pj-blocks i[data-tone=warn]{color:#d97706;background:#f59e0b1f}.pj-blocks i[data-tone=idea]{color:#8044fc;background:#8044fc1a}.pj-blocks i[data-tone=ok]{color:#059669;background:#10b9811f}.pj-blocks i svg{width:20px}.pj-blocks b{font-size:.92rem}.pj-blocks p{color:var(--hs-muted);margin:4px 0 0;font-size:.9rem;line-height:1.55}.pj-blocks ul{gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.pj-blocks li{color:#22325a;gap:8px;font-size:.88rem;font-weight:600;display:flex}.pj-blocks li svg{color:#fff;background:#10b981;border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px;padding:2px}.pj-services{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.pj-services small{color:#7a86a6;width:100%;font-size:.72rem;font-weight:700}.pj-services a{color:#1b3aa8;align-items:center;gap:6px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.pj-services a svg{width:15px;transition:transform .2s}.pj-services a:hover svg{transform:translate(3px)}.pj-side{align-content:start;gap:16px;display:grid}.pj-visual{background:radial-gradient(circle at 50% 45%,#3c6cf924,#0000 55%),linear-gradient(160deg,#f4f8ff,#eef2ff);border-radius:24px;place-items:center;min-height:380px;padding:22px;display:grid;position:relative;overflow:hidden}.pj-architecture{border:1px solid var(--hs-line);background:#fff;border-radius:20px;gap:10px;padding:18px;display:grid}.pj-architecture small{color:#197fd8;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:750}.pj-architecture ol{gap:8px;margin:0;padding:0;list-style:none;display:grid;position:relative}.pj-architecture ol:before{content:"";opacity:.35;background:linear-gradient(#00a3fe,#8044fc);width:2px;position:absolute;top:14px;bottom:14px;left:15px}.pj-architecture li{color:#22325a;animation:hx-slide .5s ease calc(var(--i) * 90ms) both;align-items:center;gap:12px;font-size:.86rem;font-weight:650;display:flex;position:relative}.pj-architecture li span{color:#fff;background:var(--hs-gradient);width:32px;height:32px;font-family:var(--font-mono,ui-monospace, monospace);border-radius:50%;flex:none;place-items:center;font-size:.62rem;font-weight:800;display:grid;box-shadow:0 0 0 4px #fff}.pj-blueprint-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.pj-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pj-steps li{border:1px solid var(--hs-line);background:var(--hs-card);border-radius:20px;grid-template-columns:40px 1fr 22px;align-items:start;gap:14px;padding:18px;display:grid;box-shadow:0 14px 40px #1e32780f}.pj-steps span{color:#3c6cf9;width:40px;height:40px;font-family:var(--font-mono,ui-monospace, monospace);background:#3c6cf91a;border-radius:12px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.pj-steps b{font-size:.96rem}.pj-steps p{color:var(--hs-muted);margin:4px 0 0;font-size:.86rem;line-height:1.5}.pj-steps>li>svg{color:#10b981;width:20px}@keyframes pj-float{0%,to{translate:0}50%{translate:0 -10px}}@media (max-width:1100px){.pj-hero-grid,.pj-case,.pj-blueprint-grid{grid-template-columns:1fr}.pj-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-gallery{justify-self:center;width:min(620px,100%)}}@media (max-width:760px){.pj-hero{padding-top:112px}.pj-gallery{height:380px}.pj-frame[data-slot="0"]{transform-origin:0 0;width:320px;transform:rotateY(18deg)scale(.78)}.pj-frame[data-slot="1"]{transform-origin:0 0;width:280px;top:150px;left:18%;transform:rotateY(-12deg)scale(.74)}.pj-frame[data-slot="2"]{display:none}.pj-tabs,.pj-steps{grid-template-columns:1fr}.pj-visual{min-height:320px;padding:12px}}@media (prefers-reduced-motion:reduce){.pj-frame{animation:none!important}}