@font-face{font-family:'Geist';src:url('../fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('../fonts/GeistMono-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body{margin:0;background:#f4f5f7}
a{color:#0b6b66}a:hover{color:#08524e}
@keyframes pn-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pn-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes pn-mail{0%,8%{max-height:0;opacity:0;background:#fff}14%{max-height:120px;opacity:1;background:#e3f3f1}40%{background:#fff}90%{max-height:120px;opacity:1}97%,100%{max-height:0;opacity:0}}
@keyframes pn-badge{0%,12%{transform:scale(1)}15%{transform:scale(1.35)}19%,100%{transform:scale(1)}}
@keyframes pn-task{0%,30%{max-height:0;opacity:0;margin-top:0}38%{max-height:60px;opacity:1;margin-top:10px;background:#e3f3f1}55%{background:#fff}88%{max-height:60px;opacity:1;margin-top:10px}96%,100%{max-height:0;opacity:0;margin-top:0}}
@keyframes pn-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pn-fade{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes pn-now{0%,100%{opacity:1}50%{opacity:.4}}
.pn-in{animation:pn-up .7s cubic-bezier(.2,.7,.2,1) both}
.pn-d1{animation-delay:.08s}.pn-d2{animation-delay:.16s}.pn-d3{animation-delay:.24s}.pn-d4{animation-delay:.4s}
.pn-dot{animation:pn-blink 1.4s ease-in-out infinite}
.pn-newmail{overflow:hidden;animation:pn-mail 9s ease-in-out infinite}
.pn-badge{display:inline-block;animation:pn-badge 9s ease-in-out infinite}
.pn-task{overflow:hidden;animation:pn-task 7s ease-in-out infinite}
.pn-now{animation:pn-now 2s ease-in-out infinite}
.pn-lift{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pn-lift:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(22,25,29,.08);border-color:#cfd4da}
.pn-btn{transition:background-color .15s ease,transform .15s ease}
.pn-btn:hover{transform:translateY(-1px)}
.pn-teal:hover{background:#0a635e !important;color:#fff !important}
.pn-ghost:hover{background:#262c33 !important;color:#fff !important}
.pn-nav:hover{color:#ffffff !important}
.pn-row{transition:background-color .15s ease}
.pn-row:hover{background:#f7f8fa}
@supports (animation-timeline: view()){
.pn-rv{animation:pn-fade linear both;animation-timeline:view();animation-range:entry 5% entry 35%}
.pn-bar{transform-origin:left center;animation:pn-grow linear both;animation-timeline:view();animation-range:entry 10% entry 60%}
}
.pn-root{position:relative}
.pn-root > *{position:relative;z-index:1}
.pn-root > .pn-net{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;overflow:hidden}
.pn-net svg{display:block}
.pn-net line{stroke-opacity:.32}
.pn-net circle{fill:#0e7c76;stroke:none;fill-opacity:.5}
.pn-net-a{animation:pn-drift-a 60s ease-in-out infinite alternate}
.pn-net-b{animation:pn-drift-b 80s ease-in-out infinite alternate;opacity:.75}
.pn-net .pn-flow{stroke-dasharray:6 14;stroke-opacity:.6;animation:pn-dash 6s linear infinite}
.pn-net .pn-node{animation:pn-pulse 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes pn-drift-a{from{transform:translate(0,0)}to{transform:translate(-70px,40px)}}
@keyframes pn-drift-b{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,-50px) scale(1.06)}}
@keyframes pn-dash{to{stroke-dashoffset:-200}}
@keyframes pn-pulse{0%,100%{fill-opacity:.35;transform:scale(1)}50%{fill-opacity:.9;transform:scale(1.8)}}
.pn-b{font:inherit;cursor:pointer;border:0;background:none;color:inherit;text-align:left;margin:0}
.pn-b:focus-visible,.pn-root a:focus-visible,.pn-root input:focus-visible,.pn-root textarea:focus-visible{outline:2px solid #0e7c76;outline-offset:2px}
.pn-hov{transition:background-color .15s ease}
.pn-hov:hover{background-color:#f1f2f4 !important}
.pn-navb{transition:background-color .15s ease,color .15s ease}
.pn-navb:hover{background-color:#23282f !important;color:#ffffff !important}
@keyframes pn-ring{0%{outline:2px solid rgba(14,124,118,.75);outline-offset:0}80%,100%{outline:2px solid rgba(14,124,118,0);outline-offset:9px}}
.pn-hint{animation:pn-ring 2s ease-out infinite}
@keyframes pn-tap{0%,55%,100%{transform:translateY(0) scale(1)}65%{transform:translateY(2px) scale(.86)}75%{transform:translateY(0) scale(1)}}
@keyframes pn-tapring{0%,60%{transform:scale(.4);opacity:0}66%{opacity:.7}100%{transform:scale(1.6);opacity:0}}
.pn-try{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:999px;background:#e3f3f1;color:#0b5f5a;font-size:13px;font-weight:500;line-height:1.3}
.pn-try svg{flex:none;animation:pn-tap 2s ease-in-out infinite;transform-origin:50% 80%}
.pn-try-d{background:rgba(63,208,196,.14);color:#7fe0d7}
@keyframes pn-flowglow{0%,12%{border-color:#e2e5e9;box-shadow:none;transform:none}4%,8%{border-color:#0e7c76;box-shadow:0 0 0 3px rgba(14,124,118,.18);transform:translateY(-4px)}}
.pn-flowstep{animation:pn-flowglow 5.6s ease-in-out infinite}
@keyframes pn-vs{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.pn-vscroll{animation:pn-vs 28s linear infinite}
.pn-vscroll-wrap:hover .pn-vscroll{animation-play-state:paused}
.pn-vscroll-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(transparent,#1b1f24);pointer-events:none}
@keyframes pn-tick{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.pn-ticker{animation:pn-tick 40s linear infinite;padding-left:24px}
@keyframes pn-tbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pn-tafelbar{animation:pn-tbar 16s linear infinite}
.pn-key{transition:background-color .12s ease}
.pn-key:hover{background-color:#30363e !important}
.pn-key:active{background-color:#2bb5a3 !important;color:#0f1215}
.pn-dd{position:relative}
.pn-ddb{font:inherit;cursor:pointer;border:0;background:none;color:#c4cad2;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:8px}
.pn-ddb:hover,.pn-dd:focus-within .pn-ddb{color:#ffffff;background:#23282f}
.pn-ddm{display:none;position:absolute;left:0;top:100%;padding-top:6px;z-index:40;width:330px}
.pn-dd:hover .pn-ddm,.pn-dd:focus-within .pn-ddm{display:block}
.pn-ddm-in{background:#1b1f24;border:1px solid #2f363e;border-radius:12px;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.pn-ddi{display:block;padding:10px 12px;border-radius:8px;color:#ffffff !important;text-decoration:none}
.pn-ddi:hover,.pn-ddi:focus-visible{background:#262c33}
.pn-ddt{font-weight:600}
.pn-ddi small{display:block;color:#8d96a1;font-size:13px;margin-top:2px}
.pn-beta{font-style:normal;font-size:11px;font-weight:700;color:#0b4f4b;background:#9ff0e8;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:1px;white-space:nowrap}
.pn-soon{font-style:normal;font-size:11px;font-weight:700;color:#3b2d00;background:#f2c94c;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:1px;white-space:nowrap}
.pn-navl{color:#c4cad2 !important;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px}
.pn-navl:hover{color:#ffffff !important;background:#23282f}
.pn-on{color:#ffffff !important;box-shadow:inset 0 -2px 0 #2bb5a3;border-radius:0}
.pn-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;margin-left:8px;border-radius:8px;background:#0e7c76;color:#ffffff !important;text-decoration:none;font-weight:600;transition:background-color .15s ease}
.pn-cta:hover{background:#0a635e}
@media (prefers-reduced-motion: reduce){
.pn-flowstep,.pn-vscroll,.pn-ticker,.pn-tafelbar{animation:none !important}
.pn-hint,.pn-try svg{animation:none !important}
.pn-net-a,.pn-net-b,.pn-net .pn-flow,.pn-net .pn-node{animation:none !important}
.pn-in,.pn-dot,.pn-newmail,.pn-badge,.pn-task,.pn-rv,.pn-bar,.pn-now{animation:none !important}
.pn-lift,.pn-btn{transition:none}
}
.pn-faq{border-bottom:1px solid #e2e5e9}
.pn-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 4px;font-weight:600;font-size:17px}
.pn-faq summary::-webkit-details-marker{display:none}
.pn-faq summary:hover{color:#0b6b66}
.pn-faq summary:focus-visible{outline:2px solid #0e7c76;outline-offset:2px;border-radius:6px}
.pn-faq summary svg{flex:none;transition:transform .2s ease;color:#5f6873}
.pn-faq[open] summary svg{transform:rotate(180deg)}
.pn-faq p{margin:0;padding:0 4px 20px;color:#3b434d;line-height:1.65;max-width:720px}
@media (prefers-reduced-motion: reduce){.pn-faq summary svg{transition:none}}