/* Funky Pixel Studio · Landingpage · CSS-Teil */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;0,900;1,700;1,900&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap");

#fps-lp{
--pink-100:#FFE0EC;--pink-300:#FF8DBA;--pink-500:#FF3D8B;--pink-700:#C8115E;
--lime-100:#F1FCCB;--lime-300:#DDF97E;--lime-400:#C6F432;--lime-700:#5E7A00;
--sun-100:#FFF3C4;--sun-400:#FFD23F;--sun-600:#E0A800;--sun-800:#7A5800;
--tangerine-100:#FFE6D6;--tangerine-500:#FF7A2F;
--sky-100:#DDF2FF;--sky-400:#5BC0FF;--sky-700:#0B6FA8;
--red-500:#E5322D;--red-700:#C41E1A;--red-100:#FFE1DF;
--ink-900:#1B1430;--ink-700:#3A3350;--ink-500:#6B6580;--ink-300:#B9B4C6;--ink-100:#ECE9F1;
--cream-50:#FFFBF4;--cream-100:#FFF4E3;--cream-200:#FCE9CC;--white:#FFFFFF;
--font-display:"Playfair Display",Georgia,"Times New Roman",serif;
--font-sans:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
--border-w:2.5px;--border:2.5px solid var(--ink-900);
--shadow-hard:5px 5px 0 0 var(--ink-900);--shadow-hard-lg:8px 8px 0 0 var(--ink-900);
--ease-bounce:cubic-bezier(.34,1.56,.64,1);
--radius-pill:999px;
}
#fps-lp *, #fps-lp *::before, #fps-lp *::after{box-sizing:border-box}
#fps-lp{-webkit-font-smoothing:antialiased;overflow-x:clip}
#fps-lp h1,#fps-lp h2,#fps-lp h3,#fps-lp p,#fps-lp ul,#fps-lp dl,#fps-lp figure{text-transform:none}
#fps-lp img{max-width:100%;height:auto}
#fps-lp a{color:var(--pink-700);text-decoration-thickness:2px;text-underline-offset:3px}
#fps-lp a:hover{color:var(--ink-900);background:var(--lime-300)}
#fps-lp header a{color:var(--ink-900)}
#fps-lp footer a{color:var(--cream-50)}
#fps-lp footer a:hover{color:var(--ink-900)}
#fps-lp details>summary{list-style:none}
#fps-lp details>summary::-webkit-details-marker{display:none}
#fps-lp details[open] .faq-plus{rotate:45deg}
#fps-lp :focus-visible{outline:3px solid var(--sky-700);outline-offset:3px}
#fps-lp #fps-bar[hidden]{display:none!important}

/* Buttons */
#fps-lp .fps-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0;font-family:var(--font-sans);font-weight:700;letter-spacing:.01em;line-height:1;color:var(--ink-900);border:var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-hard);cursor:pointer;white-space:nowrap;text-transform:none;transition:transform 200ms var(--ease-bounce),box-shadow 200ms var(--ease-bounce),background 120ms}
#fps-lp .fps-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg)}
#fps-lp .fps-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 0 var(--ink-900);transition:all 60ms}
#fps-lp .fps-btn--primary{background:var(--pink-500)}
#fps-lp .fps-btn--secondary{background:var(--lime-400)}
#fps-lp .fps-btn--outline{background:var(--white)}
#fps-lp .fps-btn--sm{height:36px;padding:0 16px;font-size:14px}
#fps-lp .fps-btn--md{height:48px;padding:0 24px;font-size:16px}
#fps-lp .fps-btn--lg{height:60px;padding:0 32px;font-size:19px}
@media (max-width:480px){#fps-lp .fps-btn--lg{white-space:normal;height:auto;min-height:60px;padding:12px 24px;text-align:center;line-height:1.2}}

/* Badges */
#fps-lp .fps-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;color:var(--ink-900);border:2px solid var(--ink-900);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
#fps-lp .fps-badge--pink{background:var(--pink-500)}
#fps-lp .fps-badge--lime{background:var(--lime-400)}
#fps-lp .fps-badge--sun{background:var(--sun-400)}
#fps-lp .fps-badge--white{background:var(--white)}

@media (prefers-reduced-motion:reduce){#fps-lp *{transition:none!important;scroll-behavior:auto!important}}