@font-face{font-family:Outfit;src:url('/pj-site/assets/outfit.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
:root{--ink:#f5f5ff;--muted:#b4b6ce;--blue:#0ca9e9;--navy:#040014;--surface:#0c0a24;--line:#7473a330;--soft-blue:#11102f;font-family:Outfit,system-ui,sans-serif;background:#040014;color:var(--ink)}
body{background:#040014;color:#f5f5ff}#galaxy{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}#app{position:relative;z-index:1}h1,h2,h3{font-weight:650;letter-spacing:-.045em}.wrap{width:min(1280px,calc(100% - 96px))}.section{padding-block:110px}.eyebrow{color:#32bcf5}.lead{color:#bfc0d4}.preview-bar{background:#0b0925e8;color:#b5b8d6;border-bottom:1px solid #7372ae20}.status-dot{background:#21c2ec;box-shadow:0 0 12px #00b8ff80}.site-header{background:#050316c7;border-color:#7678b723;backdrop-filter:blur(22px)}.brand{color:white}.brand img{width:40px;height:40px}.brand-cursor{color:#05b7f0}.nav-wrap{min-height:82px}#site-nav>a{color:#c4c5d7}#site-nav>a:not(.nav-cta):hover,#site-nav [aria-current]{color:#24c4ff!important}.nav-cta{color:#fff!important;background:linear-gradient(110deg,#087ba5,#075c83);border-radius:50px;box-shadow:0 0 28px #00aaff25}.menu-button{background:#19162e;border:1px solid #655f8b55;color:white;border-radius:12px}.button{background:linear-gradient(110deg,#087ba5,#075c83);border-color:#18b6f533;box-shadow:0 3px 25px #009bf51c;border-radius:12px;font-size:15px;font-weight:650}.button:hover{background:linear-gradient(110deg,#087fa9,#07678f);box-shadow:0 5px 35px #05aeff42;transform:translateY(-3px)}.button.secondary,.button.ghost{background:#0e0c2633;color:white;border-color:#8b90b55e;box-shadow:none}.button.secondary:hover,.button.ghost:hover{background:#25204480;border-color:#5ecaff}.text-link{color:#2fbcf4;border-color:#28b9f94a}.text-link:hover{color:#92e3ff;border-color:#68cfff}.hero{background:transparent;position:relative}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(162deg,transparent 15%,#5d3cae0d 15%,#343a8b09 60%,transparent 60%);pointer-events:none}.hero:after{display:none}.hero-grid{grid-template-columns:1.15fr .85fr;gap:25px;padding-block:100px 85px}.hero h1{font-size:clamp(46px,5.1vw,76px);font-weight:700;letter-spacing:-.055em;line-height:1.03}.hero h1>span{color:#08abe7;margin-top:16px}.hero .eyebrow{color:#83bde5;font-size:10px}.hero-intro{font-size:18px;line-height:1.7;color:#c2c2d2;max-width:600px}.hero-facts{color:#9293ae;font-size:11px}.hero-base{border-color:#6a61962e;color:#9693b2}.galaxy-hero-art{height:520px;position:relative;display:grid;place-items:center;isolation:isolate;min-width:0}.galaxy-hero-art .universe{position:relative;z-index:2;height:440px;max-width:500px;animation:universe-float 6s ease-in-out infinite}.galaxy-hero-art .universe__part{transform:scale(1.9);margin-top:0;margin-bottom:0}.orbit{position:absolute;border:1px solid #5c4c9d40;border-radius:50%;width:96%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:75%;border-color:#4b6b9c3d}.orbit-three{width:115%;border-color:#41396e35;animation:orbit-spin 60s linear infinite}.orbit-three i{position:absolute;top:17%;left:10%;width:8px;height:8px;border-radius:50%;background:#46c7fb;box-shadow:0 0 24px 4px #00a6ff50}.galaxy-hero-art:before{content:'';position:absolute;width:90%;aspect-ratio:1;background:radial-gradient(ellipse,#4b2b9b22,transparent 68%);z-index:-1}.launch-control{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);border:1px solid #31b4f04a;color:#7bd4ff;background:#10102c99;font-size:11px;padding:9px 17px;border-radius:50px;white-space:nowrap;z-index:3}.launch-control:hover{color:white;box-shadow:0 0 25px #008cff35}.launch-control:disabled{opacity:.6;cursor:default}.launch-control span{font-size:17px;margin-right:5px}.launch-status{position:absolute;bottom:-22px;font-size:10px;color:#9d99bc}.client-band{border-color:#6e6a9633}.client-band b{color:#f0f0ff}.client-band small{color:#a5a1bb}.client-band>span{color:#918ba8}.project-grid,.all-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 32px}.project-card{position:relative;background:linear-gradient(150deg,#17112d82,#09091f66);border:1px solid #9384be29;border-radius:20px;padding:15px;transition:border-color .35s,box-shadow .35s,transform .35s;isolation:isolate}.project-card:hover{border-color:#27b7f363;box-shadow:0 16px 55px #0004,0 0 28px #4b3de51a;transform:translateY(-5px)}.project-card:before,.price-card:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,0),#2298e411,transparent 65%);z-index:-1}.project-visual,.all-projects .project-visual{position:relative;aspect-ratio:1.4;padding:20px 34px 28px 17px;background:radial-gradient(ellipse at 80% 0,#4d247455,#111327 65%);border-radius:12px;overflow:hidden;display:block}.project-visual .browser-top{height:26px;border:1px solid #68638c55;border-bottom:0;border-radius:7px 7px 0 0}.browser-top{color:#8a8baa;background:#100f22;border-color:#3b3759}.browser-top i{background:#71688b;width:4px;height:4px}.browser-top>span{font-size:8px}.desktop-capture{height:100%;overflow:hidden;transform:perspective(1200px) rotateY(-3deg);transition:transform .6s;box-shadow:0 16px 30px #0005;border-radius:7px}.visual-link:hover .desktop-capture{transform:perspective(1200px) rotateY(0)}.screenshot-crop{height:calc(100% - 26px);border-radius:0 0 6px 6px;background:#0b1020}.screenshot-crop img{height:100%;width:100%;object-fit:cover;object-position:top}.visual-link:hover .screenshot-crop img{transform:none}.mobile-capture{position:absolute;right:11px;bottom:12px;width:25%;height:69%;border:5px solid #151222;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0009,0 0 0 1px #77699766;transform:rotate(3deg);transition:transform .5s;background:#090818}.mobile-capture:before{content:'';position:absolute;z-index:1;top:0;left:35%;right:35%;height:6px;border-radius:0 0 6px 6px;background:#151222}.mobile-capture img{width:100%;height:100%;object-fit:cover;object-position:top}.visual-link:hover .mobile-capture{transform:rotate(0) translateY(-4px)}.project-open{background:#09091fe8;color:#43c7ff;box-shadow:0 0 0 1px #54b9f14d;bottom:16px;left:16px;right:auto;width:35px;height:35px}.project-meta{color:#9a93af;font-size:10px;padding-inline:5px}.project-title{padding-inline:5px}.project-title :is(h2,h3){font-size:26px;color:#f6f3ff}.project-title>span{color:#15b9ef}.project-card>p{font-size:15px;color:#c0b8d1;padding-inline:5px}.project-card>.tags{padding:0 5px 8px}.tags span{border-color:#a197bf30;background:#28213c55;color:#c2b7d5;border-radius:50px;font-size:10px;padding:4px 11px}.capture-date{display:block;font-size:9px;letter-spacing:.06em;color:#87819f;padding:10px 5px 3px}.section-bottom p{color:#918ba7}.value-section,.case-delivery,.comparison-section,.service-boundary{background:linear-gradient(145deg,#1b123629,#07071d61);border-block:1px solid #9280b51c}.value-columns article,.process-grid,.process-note,.personal-grid,.review-section,.faq-list,details{border-color:#83739d35}.value-number,.step-number{color:#33bff5}.value-columns h3{color:white}.value-columns p{color:#b5aec9}.price-card{position:relative;isolation:isolate;background:linear-gradient(145deg,#15112eaa,#0a0922b3);border:1px solid #7d75b54a;border-radius:23px;box-shadow:0 15px 50px #0002}.price-card.premium{border-color:#0aa7e866;background:linear-gradient(145deg,#11213e88,#1f12369c);box-shadow:0 0 45px #087ecb12}.price-head .eyebrow{color:#3fc7fb}.price-head>p:last-child{color:#b5b0cc}.price{color:white}.scope-note{color:#aaa5c4;border-color:#8977b23d}.terms-strip{color:#9891ac;border-color:#8977b235}.demo-section{background:linear-gradient(140deg,#080a1b33,#13102e55);border-block:1px solid #7a719a28}.editor-demo{border-color:#786a9c55;background:#100e25;box-shadow:0 15px 65px #0005,0 0 35px #5427a318}.editor-toolbar{background:#15102d;color:#aba0c3;border-color:#81739e33}.editor-fields{background:#0e0c22;border-color:#81739e33;color:#e5def7}.editor-fields input,.editor-fields textarea{background:#1d1733;color:#eee9fc;border-color:#7c6d9e70}.demo-live{background:#eee6d8;color:#354c3d}.demo-site-nav{color:#40564c}.demo-live h3{color:#354c3d}.demo-live>p{color:#5b6b60}.process-section{background:transparent}.process-grid{position:relative}.process-step{position:relative}.process-step .step-number{width:39px;height:39px;border:1px solid #28b6f24f;background:#0a1834;border-radius:50%;display:grid;place-items:center;color:#53ceff;box-shadow:0 0 20px #1f91df16}.process-step p{color:#aba3bf}.personal-mark{background:radial-gradient(ellipse at 20% 10%,#1e4f7b77,#160d2a88);border:1px solid #8772a73d;border-radius:22px;box-shadow:inset 0 0 80px #351e5b30}.personal-mark:after{border-color:#4a8db34a}.patrick-monogram{color:#24b9ed;text-shadow:0 0 45px #1ca6e333}.tiny-label{color:#7ec6ed}.personal-sign small{color:#aaa2be}.review-quote{color:#e8e0f5}.review-context p{color:#b5aac9}.cta-section{background:radial-gradient(ellipse at 70% 60%,#442b653d,#11112b50);border-top:1px solid #69508c3d}.cta-inner p:not(.eyebrow){color:#bdb1cf}.cta-inner .button{box-shadow:0 0 40px #0098f82b}footer{background:#050314b8;border-top:1px solid #5d4b7f33}.footer-grid>div>a:not(.brand),.footer-grid p,.motion-control{color:#a99dbc}.footer-bottom{color:#8e80a3;border-color:#88759f26}.editorial-note{background:#15102b;border-color:#27b2ee;color:#aba2c0}.editorial-note b{color:#e7dff4}.detail-grid p,.services-list p,.service-grid>div>p:not(.eyebrow),.service-rows p,.capability-row>div>p:not(.lead){color:#b8accb}.service-rows article,.services-list article,.capability-row{border-color:#81709e35}.example-pair article{background:#141029;border:1px solid #8b73af2c}.example-pair p:last-child{color:#b9aaca}.case-name{border-color:#8973ae35}.image-note{color:#9483aa}.device-preview{background:radial-gradient(ellipse at 50% 20%,#38214e66,#0d0b2288);border:1px solid #7b6c9b40;border-radius:20px}.device-controls button{color:#d6cce8;background:#15102c;border-color:#79678d70;border-radius:10px}.device-controls button[aria-pressed=true]{background:linear-gradient(120deg,#087ba5,#086f9c);border-color:#1dbcf7;color:white}.device-controls>span,.device-caption{color:#a293b9}.device-stage{border-color:#242035;background:#100b24;box-shadow:0 20px 60px #0006}.device-stage.is-mobile{border-color:#211b30;box-shadow:0 0 0 1px #817093,0 20px 60px #0008}.preview-notice{background:#09283977;color:#9bdcf1;border-color:#16a5d644}.simple-list{color:#b5a6c8}.intake-panel{background:#110d29aa;border-color:#7e689842;border-radius:20px}.form-progress{background:#191230;color:#a99abd;border-color:#75618f40}#preview-form input,#preview-form textarea,#preview-form select{background:#1c1432;color:#eee5fa;border-color:#7a638f77;border-radius:9px}.field-error{color:#ff9da6}.intake-summary dt{color:#aa98c1}.form-actions .button.secondary{color:white}.review-index article{border-color:#80708f44}thead th{background:#201431;color:white}tbody td,caption{color:#b8a5c9}th,td{border-color:#80658f33}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.portfolio-filters button{padding:10px 18px;border:1px solid #87709955;border-radius:50px;color:#bfb0d0;background:#120b2580;min-height:44px;font-size:13px}.portfolio-filters button[aria-pressed=true]{background:#0b81b5;border-color:#2dc2ff;color:#fff;box-shadow:0 0 24px #0f99dd22}.portfolio-count{font-size:12px;color:#a696ba;margin-bottom:30px}.launch-control:focus-visible,.motion-control:focus-visible{outline-color:#4ed5ff}.reveal.in-view{animation:cosmic-rise .85s cubic-bezier(.15,.7,.3,1) both}@keyframes cosmic-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1.15fr .85fr;padding-top:80px}.hero h1{font-size:55px}.galaxy-hero-art{height:450px}.galaxy-hero-art .universe__part{transform:scale(1.55)}.project-title :is(h2,h3){font-size:24px}.wrap{width:calc(100% - 64px)}}
@media(max-width:900px){#site-nav{background:#09051ff5;border-color:#66517d55;box-shadow:0 18px 40px #0008}.hero-grid{grid-template-columns:1.1fr .9fr;gap:10px}.hero h1{font-size:46px}.hero-intro{font-size:16px}.galaxy-hero-art{height:400px}.galaxy-hero-art .universe__part{transform:scale(1.25)}.galaxy-hero-art .universe{height:320px}.orbit-three{width:105%}.project-grid .project-card:nth-child(3){grid-column:auto;max-width:none}.project-grid{gap:30px 20px}.project-card{padding:10px}.project-title :is(h2,h3){font-size:21px}.project-visual,.all-projects .project-visual{aspect-ratio:1.2;padding:12px 20px 20px 10px}.mobile-capture{border-width:4px;border-radius:13px;width:28%;height:65%}.project-meta{font-size:9px}.project-card>p{font-size:13px}.galaxy-hero-art .launch-control{bottom:0}.hero-facts{font-size:10px}.process-step .step-number{width:35px;height:35px}.price-head>p:last-child{color:#b5b0cc}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.section{padding-block:68px}.hero-grid{grid-template-columns:1fr;gap:5px;padding-block:52px 34px}.hero h1{font-size:clamp(38px,9.8vw,56px);line-height:1.06}.hero-intro{font-size:16px;line-height:1.8}.hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero .button{font-size:11px;padding:14px 12px;gap:8px;border-radius:9px}.hero .button span{font-size:17px}.hero-facts{display:flex;flex-wrap:wrap;font-size:9px;gap:6px 20px}.hero-facts>span{margin:0}.hero-facts span+span:before{display:none}.galaxy-hero-art{height:350px;margin-top:8px;width:100%;max-width:370px;margin-inline:auto}.galaxy-hero-art .universe{height:280px;min-height:280px;width:100%}.galaxy-hero-art .universe__part{transform:scale(1.3);margin:0}.orbit-one{width:85%}.orbit-two{width:68%}.orbit-three{width:99%}.galaxy-hero-art .launch-control{bottom:3px;padding:8px 14px;font-size:10px}.launch-status{font-size:9px;bottom:-18px}.hero-base{margin-top:15px}.project-grid,.all-projects{grid-template-columns:1fr;gap:30px}.project-card{padding:12px;border-radius:18px}.project-visual,.all-projects .project-visual{aspect-ratio:1.25;padding:14px 25px 24px 12px}.project-title :is(h2,h3){font-size:25px}.project-card>p{font-size:14px}.mobile-capture{width:27%;height:68%;right:10px;bottom:12px;border-width:4px;border-radius:14px}.project-meta{font-size:9px}.capture-date{font-size:8px}.tags span{font-size:9px}.case-name .tags{margin-top:15px}.hero .eyebrow{font-size:9px}.process-step .step-number{grid-row:1/3;margin:0;width:32px;height:32px}.price-card{border-radius:18px}.price-head :is(h2,h3){font-size:34px}.personal-mark{border-radius:18px}.demo-live{border-radius:0}.portfolio-filters{gap:8px}.portfolio-filters button{font-size:11px;padding:9px 13px}.section-heading h2{font-size:35px}.device-controls>span{color:#a293b9}.device-stage.is-mobile{height:440px}.footer-grid h2{color:#eee1fa}}
@media(prefers-reduced-motion:reduce){.orbit,.universe,.universe *,.reveal.in-view{animation:none!important;transition:none!important}.project-card:hover,.desktop-capture,.mobile-capture{transform:none!important}}.motion-off .orbit,.motion-off .universe,.motion-off .universe *{animation:none!important}.motion-off .project-card:hover{transform:none}
.work-list{padding-top:5px}.page-intro:has(+.work-list){padding-bottom:30px}
@media(max-width:600px){.work-list{padding-top:5px}.page-intro:has(+.work-list){padding-bottom:25px}}