.pp{--pp-navy:#13233a;--pp-deep:#091421;--pp-orange:#f26419;--pp-paper:#f4f6f9;--pp-blue:#2d5bd0;--pp-ink:#101821;--pp-muted:#566375;--pp-line:#13233a24;--pp-ease:cubic-bezier(.22, .8, .2, 1);--pp-accent:var(--pp-orange);--pp-accent-text:#c2410c;--pp-hero-bg:var(--pp-deep);--pp-icon:var(--pp-accent-text);background:var(--pp-paper);color:var(--pp-ink);font-family:var(--font-plus-jakarta), sans-serif;overflow-x:clip}.pp--drawing{--pp-hero-bg:var(--pp-navy);--pp-icon:var(--pp-blue)}.pp *,.pp :before,.pp :after{box-sizing:border-box}.pp h1,.pp h2,.pp h3,.pp p,.pp ul,.pp ol{margin:0}.pp p{line-height:1.65}.pp a{color:inherit;text-decoration:none}.pp-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pp-eyebrow{font:700 11px/1.2 var(--font-space-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-accent-text)}.pp-hero .pp-eyebrow,.pp-section--dark .pp-eyebrow,.pp-story-visual .pp-eyebrow{color:var(--pp-accent)}.pp-closing .pp-eyebrow{color:var(--pp-deep)}.pp-progress{z-index:90;background:var(--pp-accent);width:0;height:3px;box-shadow:0 0 18px color-mix(in srgb, var(--pp-accent) 70%, transparent);position:fixed;top:0;left:0}.pp-btn{color:#fff;min-height:54px;transition:.35s var(--pp-ease);border:1px solid #ffffff59;align-items:center;gap:18px;padding:0 23px;font-weight:750;display:inline-flex}.pp-btn--primary{background:var(--pp-accent);border-color:var(--pp-accent);color:var(--pp-deep)}.pp-btn:hover{color:var(--pp-navy);background:#fff;border-color:#fff;transform:translateY(-4px)}.pp-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.pp-actions--center{justify-content:center}.pp-hero{background:var(--pp-hero-bg);color:#fff;place-items:center;min-height:100svh;padding:130px clamp(20px,6vw,96px) 80px;display:grid;position:relative;overflow:hidden}.pp-hero-grid{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.pp--drawing .pp-hero-grid{background-image:linear-gradient(#2d5bd02e 1px,#0000 1px),linear-gradient(90deg,#2d5bd02e 1px,#0000 1px)}.pp-hero-glow{background:radial-gradient(circle, color-mix(in srgb, var(--pp-accent) 22%, transparent), transparent 62%);filter:blur(12px);border-radius:50%;width:70vw;height:70vw;position:absolute;top:-26vw;right:-24vw}.pp-hero-inner{grid-template-columns:.92fr 1.08fr;align-items:center;gap:6vw;width:min(1450px,100%);display:grid;position:relative}.pp-hero-copy h1{font:830 clamp(58px, 6.2vw, 104px) / .94 var(--font-archivo), sans-serif;letter-spacing:-.06em;overflow-wrap:break-word;margin:24px 0}.pp-hero-copy h1 span{color:#0000;-webkit-text-stroke:1px #ffffffc7;display:block}.pp-lead{color:#ffffffc2;max-width:620px;font-size:clamp(17px,1.4vw,21px)}.pp-hero-note{color:#fff9;max-width:560px;margin-top:22px;font-size:13px}.pp-anchors{border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:6px 22px;max-width:420px;margin-top:34px;padding-top:18px;display:flex}.pp-anchors a{font:700 11px/1 var(--font-space-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;padding:8px 0;transition:color .25s}.pp-anchors a:hover{color:var(--pp-accent)}.pp-status{border:1px solid color-mix(in srgb, var(--pp-orange) 55%, transparent);background:color-mix(in srgb, var(--pp-orange) 12%, transparent);gap:6px;max-width:560px;margin:20px 0 0;padding:14px 16px;display:grid}.pp-status strong{font:700 11px/1.2 var(--font-space-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-orange)}.pp-status span{color:#ffffffdb;font-size:14px;line-height:1.55}.pp-hero-stage{perspective:1200px;height:min(72vh,720px);min-height:540px;position:relative}.pp-device{transform-origin:50%;background:#f8fafc;border:1px solid #ffffff4d;position:absolute;inset:8% 0 3% 4%;overflow:hidden;transform:rotateY(-7deg)rotateX(2deg);box-shadow:0 45px 90px #00000057}.pp-device-bar{background:#fff;border-bottom:1px solid #dfe4ea;align-items:center;gap:7px;height:42px;padding:0 16px;display:flex}.pp-device-bar i{background:#c6ced8;border-radius:50%;width:7px;height:7px}.pp-device-body{height:calc(100% - 42px);color:var(--pp-ink);position:relative}.pp-section{padding:clamp(100px,12vw,180px) clamp(20px,6vw,96px);scroll-margin-top:0}.pp-section--dark{background:var(--pp-deep);color:#fff}.pp-section-head{grid-template-columns:1.1fr .9fr;align-items:end;gap:6vw;max-width:1240px;margin:0 auto 70px;display:grid}.pp-section-head h2{font:820 clamp(42px, 5.2vw, 78px) / .95 var(--font-archivo), sans-serif;letter-spacing:-.05em;overflow-wrap:break-word;margin:18px 0 0}.pp-section-head p{color:var(--pp-muted);max-width:620px;font-size:18px}.pp-section--dark .pp-section-head p{color:#ffffffb8}.pp-reveal--hidden{opacity:0;transform:translateY(45px)}.pp-reveal--shown{opacity:1;transition:opacity 1s var(--pp-ease), transform 1s var(--pp-ease);transform:none}.pp-story{background:var(--pp-paper);min-height:330svh;position:relative}.pp-story-pin{grid-template-columns:.82fr 1.18fr;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.pp-story-copy{flex-direction:column;justify-content:center;padding:120px clamp(22px,6vw,90px);display:flex;position:relative}.pp-story-step{opacity:0;max-width:520px;transition:opacity .55s var(--pp-ease), transform .55s var(--pp-ease);pointer-events:none;position:absolute;left:clamp(22px,6vw,90px);right:clamp(22px,6vw,90px);transform:translateY(35px)}.pp-story-step.is-active{opacity:1;transform:none}.pp-story-step small{font:700 11px/1.2 var(--font-space-mono), monospace;letter-spacing:.08em;color:var(--pp-accent-text)}.pp-story-step h3{font:810 clamp(44px, 5.4vw, 82px) / .92 var(--font-archivo), sans-serif;letter-spacing:-.05em;margin:18px 0}.pp-story-step p{color:var(--pp-muted);font-size:18px}.pp-story-nav{gap:8px;display:flex;position:absolute;bottom:70px;left:clamp(22px,6vw,90px)}.pp-story-nav i{background:#c3ccd6;width:30px;height:3px;transition:all .4s}.pp-story-nav i.is-active{background:var(--pp-accent);width:80px}.pp-story-visual{background:var(--pp-navy);color:#fff;position:relative;overflow:hidden}.pp-story-visual:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#ffffff0a);position:absolute;inset:0}.pp-feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1400px;margin:auto;display:grid}.pp-feature{border:1px solid var(--pp-line);min-height:310px;transition:.4s var(--pp-ease);background:#fff;flex-direction:column;padding:32px;display:flex}.pp-feature>div{margin-top:28px}.pp-section--dark .pp-feature{background:#ffffff09;border-color:#ffffff24}.pp-feature:hover{border-color:var(--pp-accent);transform:translateY(-8px)}.pp-num{font:700 10px/1.2 var(--font-space-mono), monospace;letter-spacing:.06em;color:var(--pp-accent-text)}.pp-section--dark .pp-num{color:var(--pp-accent)}.pp-feature h3{font:760 clamp(25px, 2.3vw, 36px) / 1 var(--font-archivo), sans-serif;margin:24px 0 12px}.pp-feature p{color:var(--pp-muted)}.pp-section--dark .pp-feature p{color:#ffffffb3}.pp-feature-icon{border:1px solid var(--pp-line);width:58px;height:58px;font:700 20px var(--font-space-mono), monospace;color:var(--pp-icon);place-items:center;display:grid}.pp-section--dark .pp-feature-icon{color:var(--pp-accent);border-color:#ffffff2e}.pp--drawing .pp-section--dark .pp-feature-icon{color:#7f9bea}.pp-workflow{border-top:1px solid var(--pp-line);grid-template-columns:repeat(4,1fr);max-width:1400px;margin:auto;padding:0;list-style:none;display:grid}.pp-section--dark .pp-workflow{border-color:#ffffff2e}.pp-workflow li{border-right:1px solid var(--pp-line);padding:28px 28px 50px;position:relative}.pp-section--dark .pp-workflow li{border-color:#ffffff2e}.pp-workflow li:before{content:"";background:var(--pp-accent);width:9px;height:9px;position:absolute;top:-5px;left:28px;transform:rotate(45deg)}.pp-workflow small{font:700 10px/1.2 var(--font-space-mono), monospace;letter-spacing:.06em;color:var(--pp-accent-text)}.pp-section--dark .pp-workflow small{color:var(--pp-accent)}.pp-workflow h3{font:750 24px / 1.05 var(--font-archivo), sans-serif;margin:24px 0 12px}.pp-workflow p{color:var(--pp-muted);font-size:14px}.pp-section--dark .pp-workflow p{color:#ffffffb3}.pp-closing{background:var(--pp-accent);min-height:86svh;color:var(--pp-deep);text-align:center;place-items:center;padding:100px 24px;display:grid;position:relative;overflow:hidden}.pp-closing:before{content:"";background:repeating-radial-gradient(circle,#0000 0 90px,#13233a21 91px 92px);animation:24s linear infinite pp-spin;position:absolute;inset:-20%}.pp-closing-inner{z-index:1;position:relative}.pp-closing h2{font:850 clamp(62px, 10vw, 150px) / .84 var(--font-archivo), sans-serif;letter-spacing:-.07em;overflow-wrap:break-word;margin:24px 0}.pp-closing p{max-width:680px;margin:0 auto 30px;font-size:18px}.pp-closing .pp-actions{margin-top:0}.pp-closing .pp-btn{border-color:var(--pp-deep);color:var(--pp-deep);background:0 0}.pp-closing .pp-btn--primary{background:var(--pp-deep);color:#fff}.pp-closing .pp-btn:hover{color:var(--pp-navy);background:#fff;border-color:#fff}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-cross{background:var(--pp-deep);color:#fff;border-top:1px solid #ffffff1a;padding:56px clamp(20px,6vw,96px)}.pp-cross-inner{gap:20px;max-width:1400px;margin:auto;display:grid}.pp-cross-title{font:700 11px/1.2 var(--font-space-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:#fff9}.pp-cross ul{grid-template-columns:repeat(2,1fr);gap:14px;padding:0;list-style:none;display:grid}.pp-cross li a{height:100%;transition:.3s var(--pp-ease);border:1px solid #ffffff29;gap:8px;padding:22px 24px;display:grid}.pp-cross li a:hover{border-color:var(--pp-accent);transform:translateY(-3px)}.pp-cross li span{font:760 22px/1.1 var(--font-archivo), sans-serif;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pp-cross li em{font:700 10px/1 var(--font-space-mono), monospace;letter-spacing:.1em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--pp-orange) 60%, transparent);color:var(--pp-orange);padding:5px 8px;font-style:normal}.pp-cross li small{color:#ffffffb3;font-size:14px;line-height:1.5}.pp-cross-home{font:700 12px/1 var(--font-space-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-accent);justify-self:start;padding:10px 0}.pp-cross-home:hover{text-underline-offset:4px;text-decoration:underline}.pp-proyek-board{background:#edf1f5;padding:6%;position:absolute;inset:0}.pp-brief-card{z-index:4;background:#fff;width:48%;padding:24px;position:absolute;top:12%;left:7%;box-shadow:0 20px 50px #13233a29}.pp-brief-status{font:700 9px var(--font-space-mono), monospace;color:#c2410c}.pp-brief-card h3{font:750 25px var(--font-archivo), sans-serif;margin:14px 0}.pp-brief-lines i{background:#e3e8ed;height:8px;margin:9px 0;display:block}.pp-brief-lines i:nth-child(2){width:74%}.pp-candidate{background:#fff;border:1px solid #dce2e8;width:32%;padding:16px;position:absolute;box-shadow:0 12px 30px #13233a1c}.pp-candidate b{font:700 12px var(--font-archivo), sans-serif}.pp-candidate small{color:#5d6a7a;margin-top:5px;display:block}.pp-candidate:before{content:"";background:#ccd4dd;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.pp-c1{top:16%;right:6%}.pp-c2{top:43%;right:3%}.pp-c3{border-color:var(--pp-orange);bottom:9%;right:10%;transform:scale(1.08)}.pp-c3:before{background:var(--pp-orange);box-shadow:0 0 0 6px #f264191f}.pp-match-line{background:linear-gradient(90deg, var(--pp-orange), transparent);transform-origin:0;height:2px;position:absolute;top:50%;left:46%;right:26%;transform:rotate(17deg)}.pp-match-core{background:var(--pp-navy);color:#fff;width:74px;height:74px;font:700 9px var(--font-space-mono), monospace;z-index:5;border-radius:50%;place-items:center;display:grid;position:absolute;top:44%;left:48%;box-shadow:0 0 0 12px #13233a1a}.pp-proyek-flow{place-items:center;display:grid;position:absolute;inset:7%}.pp-flow-card{width:230px;color:var(--pp-ink);transition:.7s var(--pp-ease);background:#fff;padding:20px;position:absolute;box-shadow:0 18px 45px #00000038}.pp-flow-card h3{font:750 20px/1.1 var(--font-archivo), sans-serif;margin:10px 0 6px}.pp-flow-card p{color:var(--pp-muted);font-size:13px}.pp-flow-card small{font:700 10px var(--font-space-mono), monospace}.pp-owner{top:17%;left:8%}.pp-provider{bottom:17%;right:8%}.pp-flow-card.pp-match{background:var(--pp-orange);color:var(--pp-deep);top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}.pp-story-visual[data-step="1"] .pp-owner{transform:translate(28%,45%)}.pp-story-visual[data-step="2"] .pp-provider{transform:translate(-28%,-45%)}.pp-story-visual[data-step="3"] .pp-flow-card.pp-match{transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 0 38px #f264191f}.pp-drawing-canvas{background-color:#f8fafc;background-image:linear-gradient(#2d5bd01a 1px,#0000 1px),linear-gradient(90deg,#2d5bd01a 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:absolute;inset:0}.pp-plan{border:3px solid var(--pp-blue);clip-path:polygon(0 22%,33% 22%,33% 0,100% 0,100% 76%,72% 76%,72% 100%,0 100%);position:absolute;inset:10% 28% 14% 8%}.pp-plan:before,.pp-plan:after{content:"";background:var(--pp-blue);position:absolute}.pp-plan:before{width:2px;top:0;bottom:0;left:42%}.pp-plan:after{height:2px;top:55%;left:0;right:0}.pp-cost-panel{background:#fff;border:1px solid #dbe2e9;width:25%;padding:18px;position:absolute;top:8%;bottom:8%;right:4%;box-shadow:0 16px 40px #13233a1f}.pp-cost-panel small{font:700 8px var(--font-space-mono), monospace;color:var(--pp-blue)}.pp-cost-row{border-bottom:1px solid #e5e9ee;margin:16px 0;padding-bottom:12px;font-size:10px}.pp-cost-row b{margin-top:4px;font-size:12px;display:block}.pp-cost-total{background:var(--pp-navy);color:#fff;border-left:4px solid var(--pp-orange);padding:14px;position:absolute;bottom:18px;left:18px;right:18px}.pp-cost-total small{color:#c7d2fe;margin-bottom:4px;display:block}.pp-draw-line{background:var(--pp-blue);transform-origin:0;height:3px;animation:pp-draw 2.8s var(--pp-ease) infinite alternate;position:absolute}.pp-l1{width:36%;top:30%;left:14%}.pp-l2{width:27%;top:58%;left:48%;transform:rotate(90deg)}@keyframes pp-draw{0%{scale:0 1}to{scale:1}}.pp-drawing-sequence{background-color:#f6f9fc;background-image:linear-gradient(#2d5bd01a 1px,#0000 1px),linear-gradient(90deg,#2d5bd01a 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:absolute;inset:7%}.pp-seq-plan{clip-path:polygon(0 20%,35% 20%,35% 0,100% 0,100% 100%,0 100%);border:2px solid #2d5bd0bf;transition:all .7s;position:absolute;inset:16%}.pp-story-visual[data-step="0"] .pp-seq-plan{opacity:.3;transform:scale(.55)}.pp-story-visual[data-step="1"] .pp-seq-plan{background:#2d5bd02e}.pp-story-visual[data-step="2"] .pp-seq-plan{background:#2d5bd04d;transform:perspective(800px)rotateX(55deg)rotate(-8deg);box-shadow:0 60px 60px #00000040}.pp-estimate-pop{color:var(--pp-ink);opacity:0;border-top:4px solid var(--pp-orange);background:#fff;width:220px;padding:20px;transition:all .6s;position:absolute;top:12%;right:8%;transform:translateY(25px)}.pp-estimate-pop b{font:750 22px var(--font-archivo), sans-serif;margin-top:8px;display:block}.pp-estimate-pop p{color:var(--pp-muted);margin-top:6px;font-size:13px}.pp-estimate-pop .pp-eyebrow{color:#c2410c}.pp-story-visual[data-step="3"] .pp-estimate-pop{opacity:1;transform:none}@media (max-width:980px){.pp-hero{padding-top:115px}.pp-hero-inner{grid-template-columns:1fr}.pp-hero-copy h1{font-size:clamp(52px,14vw,96px)}.pp-hero-stage{height:560px;min-height:0}.pp-section-head,.pp-story-pin{grid-template-columns:1fr}.pp-story-copy{z-index:4;background:linear-gradient(0deg, var(--pp-paper) 75%, transparent);height:46%;padding:50px 24px;position:absolute;bottom:0;left:0;right:0}.pp-story-step{max-width:none;left:24px;right:24px}.pp-story-step h3{font-size:42px}.pp-story-step p{font-size:15px}.pp-story-nav{bottom:24px;left:24px}.pp-story-visual{height:58%}.pp-feature-grid,.pp-workflow{grid-template-columns:1fr 1fr}.pp-workflow li{border-bottom:1px solid var(--pp-line)}.pp-section--dark .pp-workflow li{border-bottom-color:#ffffff2e}}@media (max-width:640px){.pp-hero{min-height:auto;padding-bottom:60px}.pp-hero-copy h1{font-size:clamp(46px,13.5vw,64px)}.pp-hero-stage{height:430px}.pp-device{inset:5% 0;transform:none}.pp-actions .pp-btn{justify-content:space-between;width:100%}.pp-section{padding:90px 20px}.pp-section-head{margin-bottom:45px}.pp-section-head h2{font-size:clamp(38px,11vw,52px)}.pp-feature-grid,.pp-workflow,.pp-cross ul{grid-template-columns:1fr}.pp-feature{min-height:240px}.pp-story{min-height:270svh}.pp-story-step h3{margin:12px 0;font-size:34px}.pp-story-step p{font-size:14px;line-height:1.55}.pp-story-copy{height:44%;padding:40px 24px}.pp-story-visual{height:62%}.pp-flow-card{width:170px;padding:14px}.pp-flow-card h3{font-size:16px}.pp-flow-card p{display:none}.pp-brief-card{width:60%;padding:15px}.pp-candidate{width:40%;padding:10px}.pp-match-core{width:54px;height:54px}.pp-cost-panel{width:36%;padding:12px}.pp-plan{right:39%}.pp-estimate-pop{width:180px;padding:14px}.pp-closing{min-height:75svh}.pp-closing h2{font-size:clamp(52px,17vw,80px)}}@media (prefers-reduced-motion:reduce){.pp-progress{display:none}.pp *,.pp :before,.pp :after{transition:none!important;animation:none!important}.pp-reveal--hidden{opacity:1;transform:none}.pp-device,.pp-c3{transform:none!important}}