@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}
.pn-b{font:inherit;cursor:pointer;border:0;background:none;color:inherit;text-align:left;margin:0;padding:0}
.pn-b:focus-visible,a:focus-visible{outline:2px solid #0e7c76;outline-offset:2px}
@keyframes pn-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pn-fade{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes pn-blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes pn-ring{0%{outline:2px solid rgba(43,181,163,.8);outline-offset:0}80%,100%{outline:2px solid rgba(43,181,163,0);outline-offset:8px}}
.pn-in{animation:pn-up .6s cubic-bezier(.2,.7,.2,1) both}
.pn-d1{animation-delay:.08s}.pn-d2{animation-delay:.16s}.pn-d3{animation-delay:.24s}
.pn-dot{animation:pn-blink 1.4s ease-in-out infinite}
.pn-hint{animation:pn-ring 2s ease-out infinite}
@supports (animation-timeline: view()){.pn-rv{animation:pn-fade linear both;animation-timeline:view();animation-range:entry 5% cover 30%}}
.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-in,.pn-rv,.pn-dot,.pn-hint{animation:none !important}}
.pn-hero-p{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(35,40,47,.82);border:1px solid #2f363e;color:#ffffff !important;text-decoration:none;animation:pn-float 6s ease-in-out infinite;transition:border-color .2s ease,background-color .2s ease}
.pn-hero-p:hover{border-color:#2bb5a3;background:rgba(35,40,47,.95)}
.pn-hero-p img{flex:none;display:block}
.pn-hero-p span{flex:1;min-width:0}.pn-hero-p b{display:block;font-weight:700;font-size:17px}.pn-hero-p small{display:block;color:#8d96a1;font-size:13px;margin-top:2px}
.pn-hero-p em{margin:0}
@keyframes pn-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.pn-ok{font-style:normal;font-size:11px;font-weight:700;color:#0b4f3a;background:#bff0dc;border-radius:999px;padding:2px 8px;white-space:nowrap}
.pn-card{background:#ffffff;border:1px solid #e2e5e9;border-radius:14px;padding:26px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.pn-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(22,25,29,.08)}
.pn-li{margin-top:16px;display:flex;flex-direction:column;gap:8px;font-size:15px}
.pn-li span{position:relative;padding-left:22px}
.pn-li span::before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;border-radius:2px;background:#2bb5a3}
@media (prefers-reduced-motion: reduce){.pn-hero-p{animation:none !important}.pn-card{transition:none}}