:root{--piggy-bg:#0f172a;--piggy-card:#1a2332;--piggy-primary:#d946a6;--piggy-secondary:#1f2937;--piggy-text:#fff;--piggy-text-secondary:#9ca3af;--piggy-border:#293445;--radius-pill:9999px;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--shadow-soft:0 12px 30px #00000047;--shadow-card:0 8px 20px #00000038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100svh;margin:0}body{background:var(--piggy-bg);color:var(--piggy-text-secondary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:inherit}.site-shell{max-width:1100px;min-height:100svh;padding:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.site-header{background:var(--piggy-card);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-6);border:1px solid var(--piggy-border);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:var(--space-4);top:var(--space-4);z-index:10;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;position:sticky}.site-header:hover{border-color:#d946a661;box-shadow:0 14px 34px #00000052}.brand{letter-spacing:.05em;color:var(--piggy-text);margin:0;font-size:1.1rem;font-weight:800}.brand-wrap{align-items:center;gap:var(--space-3);display:flex}.brand-logo{border-radius:.625rem;width:2rem;height:2rem;transition:transform .2s,box-shadow .2s}.brand-wrap:hover .brand-logo{transform:translateY(-1px)scale(1.04);box-shadow:0 8px 20px #00000042}.nav{align-items:center;gap:var(--space-3);display:flex}.nav-link{border-radius:var(--radius-pill);color:var(--piggy-text-secondary);background:0 0;border:1px solid #0000;padding:.5rem .9rem;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s}.nav-link:hover,.nav-link.active{color:var(--piggy-text);border-color:var(--piggy-primary);background:#d946a624}.content-wrap{width:100%;max-width:900px;padding:var(--space-10) 0;gap:var(--space-10);flex-direction:column;flex:1;margin:0 auto;display:flex}.hero{background:var(--piggy-card);border-radius:var(--radius-2xl);border:1px solid var(--piggy-border);box-shadow:var(--shadow-card);padding:clamp(1.5rem,4vw,2.5rem);transition:transform .24s,box-shadow .24s,border-color .24s;animation:.42s both fadeUp}.hero:hover{border-color:#d946a666;transform:translateY(-2px);box-shadow:0 14px 30px #0000004d}.hero-title{color:var(--piggy-text);margin:0;font-size:clamp(1.85rem,5vw,3rem);line-height:1.1}.hero-title-row{align-items:center;gap:var(--space-4);display:flex}.hero-copy{margin:var(--space-4) 0 0;max-width:56ch}.hero-logo{width:4rem;height:4rem;box-shadow:var(--shadow-card);border-radius:1rem;transition:transform .22s,box-shadow .22s}.hero-title-row:hover .hero-logo{transform:translateY(-1px)scale(1.03);box-shadow:0 12px 26px #0000004d}.btn{border-radius:var(--radius-pill);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:1px solid #0000;padding:.72rem 1.25rem;font-size:.95rem;font-weight:700;line-height:1.1;text-decoration:none;transition:transform .16s,opacity .18s,box-shadow .16s,filter .16s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.52;cursor:not-allowed;filter:saturate(.84);box-shadow:none;transform:none}.btn-primary{background:var(--piggy-primary);color:#fff;border-color:#d946a68c}.btn-primary:hover{filter:brightness(1.04);box-shadow:0 10px 20px #d946a647}.btn-secondary{border-color:var(--piggy-border);color:var(--piggy-text);background:#1f2937eb}.btn-secondary:hover{background:#1f2937;border-color:#d946a673;box-shadow:0 8px 18px #0000003d}.btn-ghost{color:var(--piggy-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--piggy-text);background:#d946a61a;border-color:#d946a66b}.cta{margin-top:var(--space-6)}.feature-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.card{background:var(--piggy-card);border:1px solid var(--piggy-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-6);transition:transform .22s,box-shadow .22s,border-color .22s;animation:.5s both fadeUp}.card:hover{border-color:#d946a659;transform:translateY(-2px);box-shadow:0 14px 28px #0000004a}.card-icon{border-radius:var(--radius-lg);background:var(--piggy-primary);color:#fff;width:3rem;height:3rem;margin-bottom:var(--space-4);place-items:center;font-size:1.2rem;display:grid}.card h3,.section-title{color:var(--piggy-text);margin:0;font-size:1.2rem}.card p,.section-text{margin:var(--space-2) 0 0}.section-stack{gap:var(--space-4);flex-direction:column;display:flex}.support-page,.changelog-page{gap:var(--space-5)}.changelog-head{gap:var(--space-3);flex-direction:column;display:flex}.changelog-badge{width:fit-content;color:var(--piggy-text);border-radius:var(--radius-pill);letter-spacing:.03em;background:#d946a629;border:1px solid #d946a673;padding:.2rem .7rem;font-size:.78rem;font-weight:700}.changelog-lead{font-size:1.02rem}.changelog-subtitle{color:var(--piggy-text);letter-spacing:.01em;font-size:1.05rem;font-weight:700}.release-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.release-card{border:1px solid var(--piggy-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);background:#0f172a94;flex-direction:column;transition:border-color .22s,background-color .22s,transform .22s,box-shadow .22s;display:flex}.release-card:hover{background:#0f172abf;border-color:#d946a661;transform:translateY(-2px);box-shadow:0 12px 24px #00000040}.release-card-latest{background:#1d1f33e6;border-color:#d946a6a6;box-shadow:0 14px 30px #0000004d}.release-topline{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.release-version{color:var(--piggy-text);letter-spacing:.01em;font-weight:800}.release-meta{color:var(--piggy-text-secondary);font-size:.92rem}.release-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.release-title{color:var(--piggy-text);font-size:1.15rem;font-weight:700}.release-type{border-radius:var(--radius-pill);border:1px solid var(--piggy-border);color:var(--piggy-text-secondary);letter-spacing:.02em;white-space:nowrap;padding:.24rem .56rem;font-size:.78rem;font-weight:700}.release-type-latest{color:var(--piggy-text);background:#d946a633;border-color:#d946a694}.release-notes{gap:var(--space-2);margin:0;padding-left:1.15rem;display:grid}.release-notes li{color:var(--piggy-text-secondary)}.release-cta-row{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.support-head{gap:var(--space-3);flex-direction:column;display:flex}.support-badge{width:fit-content;color:var(--piggy-text);border-radius:var(--radius-pill);letter-spacing:.03em;background:#d946a629;border:1px solid #d946a673;padding:.2rem .7rem;font-size:.78rem;font-weight:700}.support-contact{border:1px solid var(--piggy-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);background:#0f172a9e;flex-direction:column;transition:border-color .2s,transform .2s,background-color .2s;display:flex}.support-contact:hover{background:#0f172ac2;border-color:#d946a661;transform:translateY(-1px)}.support-contact-title{color:var(--piggy-text);font-size:1.05rem;font-weight:700}.support-contact-text{color:var(--piggy-text-secondary)}.support-category{gap:var(--space-3);flex-direction:column;display:flex}.support-category-title{color:var(--piggy-text);letter-spacing:.01em;font-size:1.08rem;font-weight:700}.faq-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{border:1px solid var(--piggy-border);border-radius:var(--radius-lg);background:#0f172a94;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;overflow:hidden}.faq-item:hover{background:#0f172abd;border-color:#d946a666;transform:translateY(-1px);box-shadow:0 10px 22px #0000003d}.faq-trigger{width:100%;padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);text-align:left;color:var(--piggy-text);cursor:pointer;background:0 0;border:0;display:flex}.faq-question{font-size:1rem;font-weight:600;line-height:1.35}.faq-chevron{color:var(--piggy-primary);font-size:1.3rem;font-weight:700;line-height:1;transition:transform .2s}.faq-chevron.open{transform:rotate(45deg)}.faq-answer-wrap{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .26s,opacity .26s;display:grid}.faq-answer-wrap.open{opacity:1;grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-text{color:var(--piggy-text-secondary);padding:0 var(--space-5) var(--space-4)}.privacy-page{gap:var(--space-5)}.privacy-head{gap:var(--space-3);flex-direction:column;display:flex}.privacy-badge{width:fit-content;color:var(--piggy-text);border-radius:var(--radius-pill);letter-spacing:.03em;background:#d946a629;border:1px solid #d946a673;padding:.2rem .7rem;font-size:.78rem;font-weight:700}.privacy-lead{font-size:1.02rem}.privacy-item{border:1px solid var(--piggy-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);background:#0f172a94;flex-direction:column;transition:border-color .2s,transform .2s,background-color .2s;display:flex}.privacy-item:hover{background:#0f172ab8;border-color:#d946a666;transform:translateY(-1px)}.privacy-item-title{color:var(--piggy-text);font-size:1.05rem;font-weight:700}.privacy-item-text{color:var(--piggy-text-secondary)}.placeholder-block{border-radius:var(--radius-lg);border:1px dashed var(--piggy-border);background:#1f293773;min-height:4.5rem;transition:border-color .22s,background-color .22s,transform .22s}.placeholder-block:hover{background:#1f29379e;border-color:#d946a673;transform:translateY(-1px)}.site-footer{background:var(--piggy-card);border:1px solid var(--piggy-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:auto;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex}.site-footer:hover{border-color:#d946a652;box-shadow:0 10px 22px #00000042}.footer-main{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.footer-brand{color:var(--piggy-text);letter-spacing:.01em;font-weight:700}.footer-meta{color:var(--piggy-text-secondary);opacity:.88}.footer-links{align-items:center;gap:var(--space-3);display:flex}.footer-link{color:var(--piggy-text-secondary);text-decoration:none;transition:color .18s,opacity .18s,transform .18s}.footer-link:hover{color:var(--piggy-text);transform:translateY(-1px)}.footer-link:focus-visible,.nav-link:focus-visible,.cta:focus-visible,.faq-trigger:focus-visible,.btn:focus-visible{outline:2px solid var(--piggy-primary);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=800px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.site-header{border-radius:var(--radius-2xl);flex-direction:column;align-items:flex-start}.hero-title-row{gap:var(--space-3)}.hero-logo{border-radius:.75rem;width:3rem;height:3rem}.content-wrap{padding:var(--space-8) 0;gap:var(--space-8)}.release-title-row,.release-topline{flex-direction:column;align-items:flex-start}.release-cta-row,.release-cta-row .btn{width:100%}.footer-main{flex-direction:column;align-items:flex-start}}