.pp{--ink:#12392a;--muted:#4f6a5e;--line:#dce3d6;--chalk:#f1f4eb;--sage:#e7ecdf;--forest:#0c5b3f;--forest-mid:#3f8a62;--night:#0d1c15;--night-2:#16281f;--night-ink:#eef3ef;--night-muted:#abb3ae;--lime:#c7f06a;--ease:cubic-bezier(.2, .7, .2, 1);--p:0;box-sizing:border-box;background:var(--chalk);color:var(--ink);font-family:var(--font-body);position:relative;overflow:clip}.pp--dark{background:var(--night);color:var(--night-ink)}.pp-title{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(40px,6vw,80px);font-weight:600;line-height:1.02}.pp-title em{background:linear-gradient(transparent 64%, var(--lime) 64%, var(--lime) 90%, transparent 90%);color:var(--forest);font-style:normal}.pp--dark .pp-title em{color:var(--lime);background:0 0}.pp-btn{background:var(--forest);color:#fff;min-height:52px;transition:background .2s, transform .2s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.pp-btn:hover{background:var(--ink)}.pp-btn:active{transform:scale(.97)}.pp--dark .pp-btn{background:var(--lime);color:var(--night)}.pp--dark .pp-btn:hover{background:#fff}.pp-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pp-svg path{fill:none}.pp-guide{stroke:var(--line);stroke-dasharray:2 9;stroke-linecap:round;stroke-width:2px}.pp--dark .pp-guide{stroke:#ffffff29}.pp-draw{--d:clamp(0, (var(--p) - var(--a,0)) / (var(--b,1) - var(--a,0)), 1);opacity:clamp(0, var(--d) * 60, 1);stroke:var(--forest);stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--d));stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.pp--dark .pp-draw{stroke:var(--lime)}.pp-pin,.pp-rider{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.ph-stop,.ph-end,.ph-task,.ph-flag--end,.ph-snag,.ph-sheet li,.ph-stamp--sheet,.ph-field,.ph-send,.ph-cursor--you{--on:clamp(0, (var(--p) - var(--t,0)) * 10, 1)}.pp-next{color:#4f6a5e;font-family:var(--font-body);text-align:center;background:#e7ecdf;border-top:1px solid #dce3d6;padding:18vh 16px;font-size:15px}.pp-next--dark{color:#abb3ae;background:#16281f;border-color:#ffffff14}.pp-next--top{border-top:0;border-bottom:1px solid #dce3d6;padding:160px 16px 14vh}.pp-next--top.pp-next--dark{border-color:#ffffff14}.pp-switch{z-index:60;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background:#0d1c15e0;border:1px solid #ffffff1a;border-radius:999px;gap:2px;max-width:calc(100vw - 24px);padding:5px;display:flex;position:fixed;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 20px 40px -20px #0009}.pp-switch a{color:#abb3ae;font-family:var(--font-body);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none}.pp-switch a:hover{color:#fff}.pp-switch a[aria-current=page]{color:#0d1c15;background:#c7f06a}@keyframes pp-in{0%{opacity:0;transform:translateY(18px)}}.ph{min-height:150svh;padding:clamp(112px,15vh,160px) 16px 16vh}.ph-head{text-align:center;max-width:920px;animation:pp-in .9s var(--ease) both;margin:0 auto}.ph-actions{justify-content:center;margin-top:28px;display:flex}.ph-art{width:min(720px,100%);animation:pp-in 1s .15s var(--ease) both;margin:clamp(36px,7vh,72px) auto 0;position:relative}.ph-art--weg,.ph-art--knoten{aspect-ratio:720/800}.ph-art--frist{aspect-ratio:720/900}.ph-doc{box-sizing:border-box;border:1px solid var(--line);width:170px;color:var(--ink);background:#fff;border-radius:14px;padding:14px 16px 16px;box-shadow:0 18px 36px -22px #12392a73}.ph-doc b{margin-bottom:4px;font-size:14px;display:block}.ph-doc i{background:var(--sage);border-radius:3px;height:6px;margin-top:8px;display:block}.ph-doc--small{border-color:var(--forest);width:140px}.ph-start{z-index:2}.ph-rider{z-index:3;transform:translate(-50%,-50%)rotate(-5deg)}.ph-stop,.ph-task{z-index:2;width:16px;height:16px}.ph-dot{box-sizing:border-box;border:3px solid var(--line);background:var(--chalk);border-radius:50%;width:16px;height:16px;transition:none;display:block}.ph-stop .ph-dot,.ph-task .ph-dot{border-color:color-mix(in srgb, var(--forest) calc(var(--on) * 100%), var(--line))}.ph-chip{color:var(--ink);white-space:nowrap;opacity:var(--on,1);transform:translate(-50%, calc((1 - var(--on,1)) * 10px));background:#fff;border-radius:999px;align-items:center;gap:7px;padding:7px 13px 7px 8px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;top:calc(100% + 10px);left:50%;box-shadow:0 12px 26px -16px #12392a80}.ph-chip svg{color:var(--lime);flex:none}.ph-stamp{border:2.5px solid var(--forest);color:var(--forest);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:var(--on);transform:rotate(-8deg) scale(calc(1.6 - var(--on) * .6));background:#f1f4ebeb;border-radius:10px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-block}.ph-end{z-index:4}.ph-art--sheet{width:min(560px,100%)}.ph-sheet{box-sizing:border-box;box-shadow:0 0 0 1px var(--line), 0 40px 80px -40px #12392a66;background:#fff;border-radius:20px;padding:28px 28px 40px;position:relative}.ph-sheet_top b{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;display:block}.ph-sheet_top span{color:var(--muted);margin-top:4px;font-size:14px;display:block}.ph-sheet ul{margin:20px 0 8px;padding:0;list-style:none}.ph-sheet li{border-bottom:1px solid var(--line);opacity:calc(.3 + var(--on) * .7);align-items:center;gap:10px;padding:13px 0;font-size:16px;font-weight:500;display:flex}.ph-sheet li svg{color:var(--lime);transform:scale(var(--on));flex:none}.ph-sign{aspect-ratio:400/120;margin-top:18px;position:relative}.ph-sign_ink{stroke:var(--ink);stroke-width:3.2px}.ph-pen{z-index:2;opacity:clamp(0, min(var(--rt) * 40, (1 - var(--rt)) * 40), 1);transform:translate(-6px,-38px)}.ph-sign_line{border-top:1.5px dashed var(--line);color:var(--muted);padding-top:6px;font-size:12px;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.ph-stamp--sheet{position:absolute;top:26px;right:24px}.ph-flag span{background:var(--lime);color:var(--night);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-block}.ph-flag{z-index:3}.ph-flag--end span{outline:2px dashed rgb(255 255 255/calc(.3 * (1 - var(--on))));background:color-mix(in srgb, var(--lime) calc(var(--on) * 100%), var(--night));color:color-mix(in srgb, var(--night) calc(var(--on) * 100%), var(--night-muted))}.pp--dark .ph-dot{background:var(--night);border-color:#ffffff38}.pp--dark .ph-task .ph-dot{border-color:color-mix(in srgb, var(--lime) calc(var(--on) * 100%), #ffffff38)}.ph-task .ph-chip{background:var(--night-2);box-shadow:none;color:var(--night-ink);border:1px solid #ffffff1a;top:50%}.ph-task--r .ph-chip{transform:translate(calc((1 - var(--on)) * -10px), -50%);left:calc(100% + 12px)}.ph-task--l .ph-chip{transform:translate(calc((1 - var(--on)) * 10px), -50%);left:auto;right:calc(100% + 12px)}.ph-now{z-index:4}.ph-now span{background:var(--lime);border-radius:50%;width:22px;height:22px;display:block;box-shadow:0 0 0 8px #c7f06a2e,0 0 30px #c7f06a80}.ph-tangle{stroke:var(--muted);stroke-width:2.4px;opacity:calc(clamp(0, var(--d) * 60, 1) * .55)}.ph-side{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:700;position:absolute;top:96%;transform:translate(-50%)}.ph-side--l{color:var(--muted);left:19.4%}.ph-side--r{color:var(--forest);left:79.2%}.ph-snag{z-index:2}.ph-snag .ph-chip{border:1.5px dashed var(--line);background:var(--chalk);box-shadow:none;color:var(--muted);transform:scale(calc(.85 + var(--on) * .15));padding:6px 12px;font-weight:500;position:static}.ph-ball{z-index:3;background:var(--forest);border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 6px #0c5b3f26}.ph-ball--slow{background:var(--muted);box-shadow:0 0 0 6px #4f6a5e1f}.ph-art--form{width:min(640px,100%)}.ph-window{box-shadow:0 0 0 1px var(--line), 0 40px 80px -40px #12392a66;background:#fff;border-radius:18px;overflow:clip}.ph-window_bar{background:var(--sage);align-items:center;gap:6px;padding:12px 16px;display:flex}.ph-window_bar i{background:var(--line);border-radius:50%;width:10px;height:10px}.ph-window_bar span{color:var(--muted);margin-left:10px;font-size:13px;font-weight:600}.ph-form{aspect-ratio:600/560;position:relative}.ph-cursor_path{stroke:none}.ph-field{top:calc((100 + var(--row) * 80) / 560 * 100%);grid-template-columns:38% 1fr;align-items:center;gap:12px;height:10.7%;display:grid;position:absolute;left:5%;right:5%;transform:translateY(-50%)}.ph-field span{color:var(--muted);font-size:13px}.ph-field b{box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--forest) calc(var(--on) * 100%), var(--line));height:100%;color:color-mix(in srgb, var(--ink) calc(var(--on) * 100%), transparent);white-space:nowrap;border-radius:10px;align-items:center;padding:0 14px;font-size:15px;font-weight:600;display:flex;overflow:hidden}.ph-send{height:44px;font-size:15px;font-weight:600;display:grid;position:absolute;top:89.2857%;right:5%;transform:translateY(-50%)}.ph-send>span{border-radius:999px;grid-area:1/1;justify-content:center;align-items:center;padding:0 22px;display:flex}.ph-send_off{background:var(--forest);color:#fff}.ph-send_on{background:var(--lime);color:var(--night);opacity:var(--on)}.ph-cursor{z-index:3;color:var(--forest);align-items:flex-start;gap:2px;display:flex;transform:translate(-3px,-2px)}.ph-cursor span{background:var(--forest);color:#fff;white-space:nowrap;border-radius:999px;margin-top:16px;padding:3px 9px;font-size:12px;font-weight:600}.ph-cursor--you{color:var(--ink);opacity:var(--on);transform:translate(calc((1 - var(--on)) * 60px), calc((1 - var(--on)) * 50px));position:absolute;top:90%;left:86%}.ph-cursor--you span{background:var(--ink)}.pr{justify-content:center;align-items:center;min-height:110svh;padding:12vh 16px;display:flex}.pr-col{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:clamp(28px,5vh,52px);width:min(780px,100%);display:flex;position:relative}.pr-title{--h:clamp(0, (var(--p) - .12) * 5, 1);max-width:15ch;opacity:var(--h);transform:translateY(calc((1 - var(--h)) * 28px));font-size:clamp(36px,5.4vw,68px)}.pr-num{border:2px solid var(--forest);background:var(--chalk);width:46px;height:46px;color:var(--forest);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:18px;font-weight:700;display:grid}.pr-art{width:min(520px,100%)}.pa{--s:clamp(0, (var(--p) - .22) * 3.4, 1);box-sizing:border-box;color:var(--ink);text-align:left}.pa-row,.pa-tender,.pa-sheet,.pa-offer{--r:clamp(0, var(--s) * 2.2 - var(--k,0) * .3, 1)}.pa-card{box-sizing:border-box;border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px;box-shadow:0 34px 70px -40px #12392a73}.pa-profile_head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.pa-logo{background:var(--forest);width:46px;height:46px;color:var(--lime);font-family:var(--font-display);border-radius:12px;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.pa-profile_head b{font-size:17px;display:block}.pa-profile_head small{color:var(--muted);font-size:13px;display:block}.pa-row{border-top:1px solid var(--line);opacity:var(--r);transform:translateY(calc((1 - var(--r)) * 14px));justify-content:space-between;gap:16px;padding:13px 0;font-size:14px;display:flex}.pa-row span{color:var(--muted)}.pa-row b{text-align:right;font-weight:600}.pa-match{--x:clamp(0, (var(--s) - .75) * 4, 1);padding:12px}.pa-tender{background:var(--chalk);opacity:var(--r);transform:translateX(calc((1 - var(--r)) * 24px));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pa-tender+.pa-tender{margin-top:8px}.pa-tender b{font-size:15px;display:block}.pa-tender small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.pa-tag{background:var(--line);color:var(--muted);border-radius:999px;flex:none;padding:5px 10px;font-size:12px;font-weight:700}.pa-tender.is-fit{box-shadow:inset 0 0 0 calc(var(--x) * 2px) var(--forest)}.pa-tender.is-fit .pa-tag{background:color-mix(in srgb, var(--lime) calc(var(--x) * 100%), var(--line));color:color-mix(in srgb, var(--night) calc(var(--x) * 100%), var(--muted))}.pa-tender:not(.is-fit){opacity:calc(var(--r) * (1 - var(--x) * .55))}.pa-folder{aspect-ratio:460/380;width:min(460px,100%);margin:0 auto;position:relative}.pa-folder_back{background:var(--forest-mid);border-radius:6px 18px 18px;position:absolute;inset:12% 0 0}.pa-folder_back:before{background:var(--forest-mid);content:"";border-radius:14px 14px 0 0;width:42%;height:26px;position:absolute;bottom:100%;left:0}.pa-sheet{top:calc(4% + var(--k) * 5%);box-sizing:border-box;height:58%;opacity:var(--r);transform:translateY(calc((1 - var(--r)) * -70px)) rotate(calc((var(--k) - 1.5) * 1.6deg));background:#fff;border-radius:12px;padding:16px 18px;position:absolute;left:9%;right:9%;box-shadow:0 10px 24px -14px #12392a80}.pa-sheet b{margin-bottom:6px;font-size:14px;display:block}.pa-sheet i{background:var(--sage);border-radius:3px;width:70%;height:6px;margin-top:8px;display:block}.pa-sheet_tick{color:var(--lime);transform:scale(var(--r));position:absolute;top:14px;right:14px}.pa-folder_front{z-index:3;box-sizing:border-box;background:var(--forest);color:#fff;border-radius:18px;flex-direction:column;justify-content:flex-end;height:50%;padding:18px 22px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -18px #0006}.pa-folder_front span{opacity:.75;font-size:13px}.pa-folder_front b{color:var(--lime);font-family:var(--font-display);letter-spacing:-.02em;opacity:clamp(0, (var(--s) - .85) * 8, 1);font-size:24px}.pa-offers{--g:clamp(0, (var(--s) - .8) * 6, 1);grid-template-columns:1fr 1fr;gap:14px;display:grid}.pa-offer{opacity:var(--r);transform:translateY(calc((1 - var(--r)) * 20px));padding:18px;position:relative}.pa-offer:not(.is-go){opacity:calc(var(--r) * (1 - var(--g) * .45))}.pa-offer small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600;display:block}.pa-offer b{margin-top:8px;font-size:17px;display:block}.pa-offer_place{color:var(--muted);font-size:14px;display:block}.pa-offer_done{align-items:center;gap:6px;margin:14px 0;font-size:13px;display:flex}.pa-offer_done svg{color:var(--lime)}.pa-offer_btn{font-size:14px;font-weight:600;display:grid}.pa-offer_btn>span{text-align:center;border-radius:999px;grid-area:1/1;padding:11px}.pa-offer_off{background:var(--forest);color:#fff}.pa-offer:not(.is-go) .pa-offer_off,.pa-offer:not(.is-go) .pa-offer_on{background:var(--chalk);color:var(--muted)}.pa-offer_on{background:var(--lime);color:var(--night);opacity:var(--g)}.pa-stamp{border:2px solid var(--forest);color:var(--forest);letter-spacing:.06em;text-transform:uppercase;opacity:var(--g);transform:rotate(-10deg) scale(calc(1.5 - var(--g) * .5));background:#fff;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:14px;right:12px}.pr-line{z-index:1}.pr-doc{z-index:1;opacity:clamp(0, min(var(--rt) * 30, (1 - var(--rt)) * 30), 1);transform:translate(-50%,-50%)rotate(-6deg)}.pr-doc span{border:1.5px solid var(--forest);background:linear-gradient(var(--sage), var(--sage)) 7px 10px / 20px 4px no-repeat, linear-gradient(var(--sage), var(--sage)) 7px 19px / 16px 4px no-repeat, linear-gradient(var(--sage), var(--sage)) 7px 28px / 20px 4px no-repeat, #fff;border-radius:7px;width:36px;height:46px;display:block;box-shadow:0 10px 20px -10px #12392a80}.pr-giant{z-index:0;color:var(--sage);font-family:var(--font-display);letter-spacing:-.06em;pointer-events:none;transform:translate(-50%, -50%) translateY(calc((.5 - var(--p)) * 36vh));-webkit-user-select:none;user-select:none;font-size:clamp(280px,52vw,760px);font-weight:700;line-height:.8;position:absolute;top:50%;left:70%}.pr--zahlen:nth-of-type(2n) .pr-giant{left:30%}.pr-zone{width:min(520px,100%);height:clamp(380px,46vh,440px);position:relative}.pr-flyer{width:100%;opacity:clamp(0, var(--rt) * 4, 1);transform:translate(-50%, 0) rotate(calc(var(--side) * (1 - var(--rt)) * -14deg))}.pr--zeit{align-items:stretch;padding:0 16px}.pr-col--zeit{text-align:left;grid-template-columns:80px 1fr;align-items:center;gap:0 clamp(16px,4vw,56px);width:min(980px,100%);display:grid}.pr-track{align-self:stretch;min-height:110svh;position:relative}.pr-node{--on:clamp(0, (var(--p) - .5) * 20, 1);z-index:2;box-sizing:border-box;background:var(--night);width:34px;height:34px;color:var(--lime);border:2px solid #ffffff38;border-radius:50%;place-items:center;display:grid}.pr-node svg{width:26px;height:26px;opacity:var(--on);transform:scale(var(--on))}.pr-now{z-index:3;opacity:clamp(0, min(var(--rt) * 30, (1 - var(--rt)) * 30), 1)}.pr-now span{background:var(--lime);border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 0 0 7px #c7f06a2e,0 0 26px #c7f06a80}.pr-body{flex-direction:column;align-items:flex-start;gap:clamp(22px,4vh,40px);padding:12vh 0;display:flex}.pr-mark{color:var(--lime);letter-spacing:.06em;text-transform:uppercase;background:#c7f06a24;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.pr--zeit .pr-title{max-width:14ch}.pr-orbit{aspect-ratio:1;place-items:center;width:min(600px,100%);display:grid;position:relative}.pr--ring .pp-guide{stroke-dasharray:.6 2;stroke-width:.5px}.pr--ring .pp-draw{stroke-width:.9px}.pr--ring .pr-art{z-index:1;width:64%;position:relative}.pr-moon{z-index:2;background:var(--forest);width:48px;height:48px;color:var(--lime);font-family:var(--font-display);opacity:clamp(0, var(--rt) * 12, 1);border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid;box-shadow:0 10px 24px -10px #0c5b3fb3}.pr-done{--on:clamp(0, (var(--p) - .6) * 12, 1);z-index:2;background:var(--forest);color:#fff;opacity:var(--on);transform:translate(-50%, -50%) scale(calc(.8 + var(--on) * .2));border-radius:999px;align-items:center;gap:6px;padding:7px 14px 7px 8px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;top:96%;left:50%}.pr-done svg{color:var(--lime)}.pr-zone--say{width:min(820px,100%);height:clamp(200px,26vh,260px)}.pr-say{width:100%;opacity:clamp(0, var(--rt) * 4, 1);transform:translate(-50%, 0) rotate(calc((1 - var(--rt)) * -6deg))}.pr-bubble{box-sizing:border-box;background:var(--night-2);text-align:left;border:1px solid #ffffff14;border-radius:30px 30px 30px 8px;padding:22px 30px 30px}.pr-bubble small{color:var(--lime);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.pr-bubble .pr-title{opacity:1;max-width:none;font-size:clamp(30px,4.4vw,54px);transform:none}.pr-bubble--you{background:var(--lime);color:var(--night);border-radius:30px 30px 8px}.pr-bubble--you small{color:var(--forest)}.pr-reply{width:min(520px,100%)}@media (max-width:640px){.ph-doc{border-radius:11px;width:116px;padding:10px 11px 12px}.ph-doc b{font-size:12px}.ph-doc i{height:5px;margin-top:6px}.ph-doc--small{width:104px}.ph-chip{gap:5px;padding:5px 9px 5px 6px;font-size:12px}.ph-chip svg{width:14px;height:14px}.ph-task .ph-chip{white-space:normal;max-width:38vw}.ph-stamp{padding:6px 10px;font-size:12px}.ph-side{font-size:11px}.ph-sheet{padding:22px 18px 34px}.ph-sheet li{font-size:15px}.ph-stamp--sheet{top:18px;right:14px}.ph-field{gap:8px}.ph-field span{font-size:11px;line-height:1.2}.ph-field b{border-radius:8px;padding:0 9px;font-size:12px}.ph-send{height:36px;font-size:13px}.ph-send>span{padding:0 14px}.ph-cursor span{font-size:11px}.pa-offers{grid-template-columns:1fr}.pr-col--zeit{grid-template-columns:40px 1fr}.pr--ring .pr-art{width:94%}.pr-moon{width:40px;height:40px;font-size:17px}}@media (max-width:479px){.pp-switch a{padding:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.ph-head,.ph-art{animation:none}}
