@font-face{font-family:'PPF Outfit';src:url('./assets/fonts/outfit-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'PPF DM Sans';src:url('./assets/fonts/dmsans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'PPF Mono';src:url('./assets/fonts/jetbrainsmono-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:where(.ppf-ui){font-family:var(--ppf-font-body);font-size:16px;font-weight:400;line-height:1.65;color:var(--ppf-foreground);background:var(--ppf-background)}
:where(.ppf-ui) *, :where(.ppf-ui) *::before,:where(.ppf-ui) *::after{box-sizing:border-box}
:where(.ppf-ui) [hidden]{display:none!important}
:where(.ppf-ui) :where(button,input,textarea,select){font:inherit}
:where(.ppf-ui) :where(h1,h2,h3,h4){font-family:var(--ppf-font-display);font-weight:var(--ppf-display-weight);color:var(--ppf-headline);line-height:1.18;letter-spacing:-.02em;text-wrap:pretty}
:where(.ppf-ui) :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ppf-focus);outline-offset:4px}
:where(.ppf-ui) :where(button){cursor:pointer}
:where(.ppf-ui) a{color:inherit}
:where(.ppf-ui) .ppf-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--ppf-layout-control-min);padding:12px 23px;border:1px solid transparent;border-radius:var(--ppf-radius-button);font:600 15px/1.4 var(--ppf-font-body);text-decoration:none;transition:background var(--ppf-duration-fast),border-color var(--ppf-duration-fast);background:var(--ppf-foreground);color:var(--ppf-inverse);white-space:normal;text-align:center}
:where(.ppf-ui) .ppf-button--primary{background:var(--ppf-brand-primary);color:var(--ppf-brand-on-primary)}
:where(.ppf-ui) .ppf-button--primary:not(:disabled):hover{background:var(--ppf-brand-hover)}
:where(.ppf-ui) .ppf-button--primary:not(:disabled):active{background:var(--ppf-brand-pressed)}
:where(.ppf-ui) .ppf-button--secondary{background:var(--ppf-surface);border-color:var(--ppf-field-border);color:var(--ppf-foreground)}
:where(.ppf-ui) .ppf-button--secondary:not(:disabled):hover{background:var(--ppf-raised);border-color:var(--ppf-foreground)}
:where(.ppf-ui) .ppf-button--quiet{background:transparent;border-color:transparent;color:var(--ppf-foreground)}
:where(.ppf-ui) .ppf-button--quiet:not(:disabled):hover{background:var(--ppf-raised)}
:where(.ppf-ui) .ppf-button--small{min-height:40px;padding:9px 17px;font-size:14px}
:where(.ppf-ui) .ppf-button:disabled{cursor:not-allowed;opacity:.5}
:where(.ppf-ui) .ppf-button svg{width:19px;height:19px;flex:none}
:where(.ppf-ui) .ppf-spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ppf-spin .8s linear infinite}
@keyframes ppf-spin{to{transform:rotate(360deg)}}
:where(.ppf-ui) .ppf-icon{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--ppf-radius-card);background:var(--ppf-raised);color:var(--ppf-foreground)}
:where(.ppf-ui) .ppf-icon svg{width:23px;height:23px;stroke-width:1.5}
:where(.ppf-ui) .ppf-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--ppf-border);border-radius:var(--ppf-radius-pill);font-size:12px;line-height:1.5;font-weight:500;background:var(--ppf-surface);color:var(--ppf-foreground)}
:where(.ppf-ui) .ppf-badge--positive{background:var(--ppf-positive-surface);border-color:transparent;color:var(--ppf-positive)}
:where(.ppf-ui) .ppf-badge--live{color:var(--ppf-danger);background:var(--ppf-danger-surface);border-color:transparent}
:where(.ppf-ui) .ppf-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
:where(.ppf-ui) .ppf-card{background:var(--ppf-surface);border:1px solid var(--ppf-border);border-radius:var(--ppf-radius-card);padding:28px}
:where(.ppf-ui) .ppf-panel{background:var(--ppf-surface);border:1px solid var(--ppf-border);border-radius:var(--ppf-radius-panel);padding:32px}
:where(.ppf-ui) .ppf-label{display:block;margin:0 0 9px;font-size:15px;font-weight:500;color:var(--ppf-foreground)}
:where(.ppf-ui) .ppf-input{display:block;width:100%;min-height:48px;padding:12px 15px;border:1px solid var(--ppf-field-border);border-radius:var(--ppf-radius-field);background:var(--ppf-surface);color:var(--ppf-foreground);font-size:16px;line-height:1.5;accent-color:var(--ppf-brand-primary)}
:where(.ppf-ui) .ppf-input::placeholder{color:var(--ppf-muted);opacity:1}
:where(.ppf-ui) .ppf-input:disabled{opacity:.6;cursor:not-allowed}
:where(.ppf-ui) .ppf-input[aria-invalid="true"]{border-color:var(--ppf-danger);border-width:2px}
:where(.ppf-ui) .ppf-help{display:block;margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--ppf-muted)}
:where(.ppf-ui) .ppf-error{display:block;margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--ppf-danger)}
:where(.ppf-ui) .ppf-check{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;cursor:pointer}
:where(.ppf-ui) .ppf-check input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--ppf-brand-primary);flex:none}
:where(.ppf-ui) .ppf-switch{width:44px;min-width:44px;height:26px;appearance:none;background:var(--ppf-field-border);border:0;border-radius:999px;position:relative;cursor:pointer}
:where(.ppf-ui) .ppf-switch::after{content:'';position:absolute;width:20px;height:20px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform var(--ppf-duration-fast)}
:where(.ppf-ui) .ppf-switch:checked{background:var(--ppf-brand-primary)}
:where(.ppf-ui) .ppf-switch:checked::after{transform:translateX(18px)}
:where(.ppf-ui) .ppf-check input.ppf-switch{width:44px;height:26px;margin:0}
:where(.ppf-ui) .ppf-notice{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--ppf-radius-card);font-size:15px;line-height:1.65;color:var(--ppf-info);background:var(--ppf-info-surface)}
:where(.ppf-ui) .ppf-notice svg{width:20px;height:20px;margin-top:2px;flex:none}
:where(.ppf-ui) .ppf-notice strong{display:block;margin-bottom:2px}
:where(.ppf-ui) .ppf-notice--positive{color:var(--ppf-positive);background:var(--ppf-positive-surface)}
:where(.ppf-ui) .ppf-notice--warning{color:var(--ppf-warning);background:var(--ppf-warning-surface)}
:where(.ppf-ui) .ppf-notice--danger{color:var(--ppf-danger);background:var(--ppf-danger-surface)}
:where(.ppf-ui) .ppf-progress{height:6px;width:100%;appearance:none;border:0;border-radius:999px;overflow:hidden;background:var(--ppf-raised);accent-color:var(--ppf-brand-primary)}
:where(.ppf-ui) .ppf-progress::-webkit-progress-bar{background:var(--ppf-raised);border-radius:999px}
:where(.ppf-ui) .ppf-progress::-webkit-progress-value{background:var(--ppf-brand-primary);border-radius:999px}
:where(.ppf-ui) .ppf-progress::-moz-progress-bar{background:var(--ppf-brand-primary);border-radius:999px}
:where(.ppf-ui) .ppf-tabs{display:inline-flex;gap:8px;padding:0 0 1px;background:transparent;border-bottom:1px solid var(--ppf-border);max-width:100%;flex-wrap:wrap}
:where(.ppf-ui) .ppf-tab{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:var(--ppf-radius-button) var(--ppf-radius-button) 0 0;padding:12px 17px;color:var(--ppf-muted);font-size:15px;cursor:pointer;min-height:48px}
:where(.ppf-ui) .ppf-tab[aria-selected="true"]{background:var(--ppf-surface);border-bottom-color:var(--ppf-brand-primary);color:var(--ppf-foreground)}
:where(.ppf-ui) .ppf-faq{border-bottom:1px solid var(--ppf-border)}
:where(.ppf-ui) .ppf-faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:24px 0;font-size:16px;font-weight:500;line-height:1.6;align-items:center}
:where(.ppf-ui) .ppf-faq summary::-webkit-details-marker{display:none}
:where(.ppf-ui) .ppf-faq summary::after{content:'+';display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--ppf-raised);font-size:22px;font-weight:400}
:where(.ppf-ui) .ppf-faq[open] summary::after{content:'−'}
:where(.ppf-ui) .ppf-faq p{margin:0 0 24px;max-width:62ch;color:var(--ppf-foreground);font-size:16px;line-height:1.75}
:where(.ppf-ui) .ppf-dialog{padding:28px;max-width:480px;width:calc(100% - 32px);border:1px solid var(--ppf-border);border-radius:var(--ppf-radius-panel);background:var(--ppf-surface);color:var(--ppf-foreground);box-shadow:0 24px 90px #06080a33}
:where(.ppf-ui) .ppf-dialog::backdrop{background:#06080a88}
:where(.ppf-ui) .ppf-dialog h2{font-size:28px;margin:0 0 14px}
:where(.ppf-ui) .ppf-dialog p{color:var(--ppf-foreground);font-size:16px;line-height:1.75}
:where(.ppf-ui) .ppf-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){:where(.ppf-ui) *,:where(.ppf-ui) *::before,:where(.ppf-ui) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:where(.ppf-ui) .ppf-button--marketing{border-radius:var(--ppf-radius-marketing);padding:20px 32px;font-weight:600;font-size:16px;letter-spacing:.05em;text-transform:uppercase}
:where(.ppf-ui) .ppf-eyebrow{font:500 12px/1.6 var(--ppf-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ppf-muted)}
:where(.ppf-ui) .ppf-brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
:where(.ppf-ui) .ppf-brand img{display:block;width:44px;height:44px;object-fit:contain;flex:none}
:where(.ppf-ui) .ppf-brand-name{font:700 18px/1.2 var(--ppf-font-display);letter-spacing:-.02em}
:where(.ppf-ui) .ppf-brand-name small{display:block;margin-top:5px;font:400 12px/1.5 var(--ppf-font-body);letter-spacing:0;text-transform:uppercase}
