*{box-sizing:border-box;}
body{margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;background:#f6f8f9;color:#283337;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
::selection{background:#bfd3fe;}
@keyframes fpPulse{0%,100%{opacity:1;}50%{opacity:.4;}}
@keyframes fpMarquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes fpBlob1{0%,100%{border-radius:42% 58% 65% 35%/45% 45% 55% 55%;transform:scale(1) rotate(0deg);}33%{border-radius:58% 42% 45% 55%/55% 60% 40% 45%;transform:scale(1.04) rotate(3deg);}66%{border-radius:50% 50% 35% 65%/40% 55% 45% 60%;transform:scale(0.98) rotate(-2deg);}}
@keyframes fpBlob2{0%,100%{border-radius:58% 42% 35% 65%/55% 45% 55% 45%;transform:scale(1) rotate(0deg);}33%{border-radius:45% 55% 60% 40%/48% 58% 42% 52%;transform:scale(0.97) rotate(-3deg);}66%{border-radius:65% 35% 45% 55%/60% 40% 60% 40%;transform:scale(1.03) rotate(2deg);}}
@keyframes fpBlob3{0%,100%{border-radius:65% 35% 45% 55%/42% 58% 42% 58%;transform:scale(1) rotate(0deg);}33%{border-radius:40% 60% 55% 45%/60% 45% 55% 40%;transform:scale(1.03) rotate(2deg);}66%{border-radius:55% 45% 65% 35%/45% 60% 40% 55%;transform:scale(0.98) rotate(-2deg);}}
@keyframes fpBlob4{0%,100%{border-radius:45% 55% 58% 42%/58% 42% 58% 42%;transform:scale(1) rotate(0deg);}33%{border-radius:60% 40% 42% 58%/45% 55% 45% 55%;transform:scale(1.04) rotate(-3deg);}66%{border-radius:38% 62% 55% 45%/55% 42% 58% 45%;transform:scale(0.97) rotate(3deg);}}
input[type="range"].fprange{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:#e0e7e9;outline:none;cursor:pointer;}
input[type="range"].fprange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#2563eb;border:4px solid #fff;box-shadow:0 2px 8px rgba(28,37,40,.32);cursor:pointer;}
input[type="range"].fprange::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2563eb;border:4px solid #fff;box-shadow:0 2px 8px rgba(28,37,40,.32);cursor:pointer;}

/* hover/active states (extracted from the component's style-hover/style-active props) */
.fp-h1:hover{background:var(--surface-sunken);}
.fp-h2:hover{background:var(--surface-sunken);}
.fp-h3:hover{background:#1d4fd0;}
.fp-h4:hover{filter:brightness(1.05);}
.fp-h5:hover{background:var(--surface-sunken);}
.fp-h6:hover{filter:brightness(1.05);}
.fp-h7:hover{background:var(--surface-sunken);}
.fp-h8:hover{box-shadow:0 12px 28px rgba(28,37,40,.1);transform:translateY(-2px);}
.fp-h9:hover{box-shadow:0 12px 28px rgba(28,37,40,.1);transform:translateY(-2px);}
.fp-h10:hover{background:#1d4fd0;}
.fp-h11:hover{background:#1d4fd0;}
.fp-h12:hover{filter:brightness(1.05);}
.fp-h13:hover{filter:brightness(1.05);}
.fp-h14:hover{filter:brightness(1.05);}
.fp-h15:hover{filter:brightness(1.05);}