@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Sora:wght@500;600;700;800&display=swap";:root{--page-bg: #f5f8f7;--ink: #10212d;--soft-ink: #4d5f66;--card: #ffffff;--line: #d9e4e5;--brand: #006d77;--brand-dark: #00555e;--accent: #dd6b20;--query-bg: #0f1722}*{box-sizing:border-box}body{margin:0;font-family:Public Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 8% 10%,#d9f0ec 0%,transparent 34%),var(--page-bg);color:var(--ink)}h1,h2,h3{margin:0;font-family:Sora,Avenir Next,sans-serif;letter-spacing:-.02em}p{margin:0}code,pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace}.showcase-page{position:relative;overflow:hidden;max-width:1180px;margin:0 auto;padding:60px 20px 80px}.bg-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(.5px)}.bg-orb-one{width:360px;height:360px;right:-100px;top:-80px;background:radial-gradient(circle at 30% 30%,#73d2de,#d4f4f8 65%)}.bg-orb-two{width:280px;height:280px;left:-120px;top:380px;background:radial-gradient(circle at 40% 40%,#ffd7b2,#fff0e4 70%)}.hero{background:linear-gradient(128deg,#0d2a2f,#114650 62%,#0d2f35);color:#f7feff;border-radius:24px;padding:34px;box-shadow:0 28px 60px #0d2f3542}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;background:#ffffff24}.hero h1{margin-top:16px;max-width:760px;font-size:clamp(30px,4.2vw,52px);line-height:1.04}.hero p{margin-top:16px;max-width:760px;font-size:clamp(16px,1.8vw,19px);line-height:1.6;color:#d8f2f6}.install-block{margin-top:26px;display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:10px 14px}.install-block span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#b8ebf1}.install-block code{font-size:15px;color:#fff0dd}.query-panel{margin-top:22px;background:var(--query-bg);border:1px solid #334557;border-radius:14px;padding:12px 14px;display:grid;gap:7px}.query-panel strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#90a6c4}.query-panel code{color:#d8e6ff;font-size:13px;overflow-wrap:anywhere}.section{margin-top:34px}.section-heading{margin-bottom:16px;display:grid;gap:8px}.section-heading h2{font-size:clamp(24px,2.8vw,34px);color:#0f2e36}.section-heading p{color:var(--soft-ink);font-size:15px}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.example-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 28px #14282e14;padding:18px;display:grid;gap:12px}.example-card h3{font-size:20px}.example-card p{color:var(--soft-ink);font-size:15px;line-height:1.55}.example-card pre{margin:0;background:#fff8ee;color:#4d350f;border:1px solid #f2d5af;border-radius:12px;padding:12px;font-size:12px;line-height:1.55;overflow-x:auto}.live-preview{border:1px dashed #b9cecf;border-radius:12px;background:#f8fffd;padding:12px}.live-preview .rpf-filters-container{gap:10px}.final-section .example-card{border:1px solid #bfd6d8;background:linear-gradient(180deg,#fff,#f8fcfc)}.final-section .example-grid{grid-template-columns:1fr}@media (max-width: 940px){.example-grid{grid-template-columns:1fr}}@media (max-width: 700px){.showcase-page{padding:36px 14px 60px}.hero{border-radius:18px;padding:20px}.hero h1{line-height:1.1}.example-card{padding:14px}}.rpf-filters-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.rpf-text-input-wrapper{align-items:center;display:inline-flex;min-width:200px;position:relative}.rpf-text-input-icon{align-items:center;color:#6b7280;display:flex;left:10px;pointer-events:none;position:absolute}.rpf-text-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:14px;line-height:1.5;outline:none;padding:8px 12px 8px 36px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.rpf-text-input::placeholder{color:#9ca3af}.rpf-text-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.rpf-select-wrapper{display:inline-flex;flex-direction:column;gap:4px;min-width:160px}.rpf-select-label{color:#374151;font-size:12px;font-weight:500}.rpf-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;cursor:pointer;font-size:14px;outline:none;padding:8px 32px 8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.rpf-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.rpf-date-input-wrapper{display:inline-flex;flex-direction:column;gap:4px;min-width:180px}.rpf-date-input-label{color:#374151;font-size:12px;font-weight:500}.rpf-date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.rpf-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.rpf-multiselector-wrapper{display:inline-flex;flex-direction:column;gap:4px;min-width:220px;position:relative}.rpf-multiselector-label{color:#374151;font-size:12px;font-weight:500}.rpf-multiselector-trigger{align-items:center;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;cursor:pointer;display:flex;flex-wrap:wrap;font-size:14px;gap:4px;min-height:40px;padding:6px 32px 6px 10px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.rpf-multiselector-trigger:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.rpf-multiselector-placeholder{color:#9ca3af;font-size:14px}.rpf-chip{background-color:#eef2ff;border-radius:9999px;color:#4f46e5;font-weight:500;gap:4px;padding:2px 8px;white-space:nowrap}.rpf-chip,.rpf-chip-remove{align-items:center;display:inline-flex;font-size:12px}.rpf-chip-remove{background:transparent;border:none;color:#6366f1;cursor:pointer;height:14px;justify-content:center;line-height:1;padding:0;width:14px}.rpf-chip-remove:hover{color:#4338ca}.rpf-multiselector-dropdown{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001a;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.rpf-multiselector-option{align-items:center;color:#111827;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.rpf-multiselector-option:hover{background-color:#f3f4f6}.rpf-multiselector-option input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:15px;width:15px}.rpf-boolean-wrapper{align-items:center;cursor:pointer;display:inline-flex;gap:8px}.rpf-boolean-label{color:#374151;font-size:14px;-webkit-user-select:none;user-select:none}.rpf-switch{flex-shrink:0;height:24px;position:relative;width:44px}.rpf-switch input{height:0;opacity:0;position:absolute;width:0}.rpf-switch-track{background-color:#d1d5db;border-radius:9999px;cursor:pointer;top:0;right:0;bottom:0;left:0;position:absolute;transition:background-color .2s ease}.rpf-switch-track:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.rpf-switch input:checked+.rpf-switch-track{background-color:#6366f1}.rpf-switch input:checked+.rpf-switch-track:after{transform:translate(20px)}.rpf-switch input:focus-visible+.rpf-switch-track{outline:2px solid #6366f1;outline-offset:2px}.rpf-search-select-wrapper{display:inline-flex;flex-direction:column;gap:4px;min-width:220px;position:relative}.rpf-search-select-label{color:#374151;font-size:12px;font-weight:500}.rpf-search-select-input-row{align-items:center;display:flex;position:relative}.rpf-search-select-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:14px;outline:none;padding:8px 32px 8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.rpf-search-select-input::placeholder{color:#9ca3af}.rpf-search-select-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.rpf-search-select-clear{align-items:center;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;line-height:1;padding:0;position:absolute;right:10px}.rpf-search-select-clear:hover{color:#6b7280}.rpf-search-select-dropdown{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001a;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.rpf-search-select-option{color:#111827;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .15s ease}.rpf-search-select-option--focused,.rpf-search-select-option:hover{background-color:#f3f4f6}.rpf-search-select-option--selected{background-color:#eef2ff;color:#4f46e5;font-weight:500}.rpf-search-select-empty{color:#9ca3af;font-size:13px;padding:10px 12px;text-align:center}