@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");*{box-sizing:border-box}.jf-page{font-family:Plus Jakarta Sans,sans-serif;background:#f0fff4;color:#1a1a2e;min-height:100vh}.jf-hero{background:linear-gradient(135deg,#ecfdf5,#f0fff4 45%,#f0fdf4);position:relative;overflow:hidden;padding:64px 24px 52px;text-align:center}.jf-blob-1{width:480px;height:480px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);top:-160px;right:-80px}.jf-blob-1,.jf-blob-2{position:absolute;border-radius:50%;pointer-events:none}.jf-blob-2{width:320px;height:320px;background:radial-gradient(circle,rgba(52,211,153,.07) 0,transparent 70%);bottom:-80px;left:-60px}.jf-hero-title{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15;color:#1a1a2e;margin-bottom:16px;margin-top:8px}.jf-hero-sub{font-size:16px;line-height:1.7;color:#6b7280;max-width:42rem;margin:0 auto}.jf-breadcrumb-link{color:#6ee7b7;transition:color .2s;text-decoration:none}.jf-breadcrumb-link:hover{color:#059669}.jf-breadcrumb-sep{color:#6ee7b7}.jf-breadcrumb-current{color:#059669;font-weight:600}.jf-badge{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.22);color:#059669;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:inline-block;padding:6px 16px;border-radius:999px;margin-bottom:20px}.jf-grad-text{background:linear-gradient(135deg,#059669,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jf-section-title{font-size:1.5rem;font-weight:700;color:#1a1a2e}.jf-section-subtitle{color:#1a1a2e}.jf-body-text{color:#6b7280}.jf-card-title{color:#1a1a2e}.jf-card-desc{color:#6b7280}.jf-arrow{color:#059669}.jf-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.jf-stat-card{background:#fff;border:1.5px solid rgba(16,185,129,.1);border-radius:16px;padding:18px 14px;text-align:center;box-shadow:0 2px 8px rgba(16,185,129,.04);transition:all .3s ease}.jf-stat-card:hover{border-color:rgba(16,185,129,.25);box-shadow:0 8px 24px rgba(16,185,129,.08);transform:translateY(-2px)}.jf-stat-num{font-size:28px;font-weight:800;color:#059669;display:block;line-height:1.1;margin-bottom:4px}.jf-stat-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#9ca3af}.jf-tool-card{background:#fff;border:1.5px solid rgba(16,185,129,.12);border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px rgba(16,185,129,.06),0 20px 60px -10px rgba(16,185,129,.08)}.jf-toolbar{gap:10px;flex-wrap:wrap;margin-bottom:20px}.jf-indent-wrap,.jf-toolbar{display:flex;align-items:center}.jf-indent-wrap{gap:8px;margin-left:auto}.jf-indent-label{font-size:12px;color:#6b7280;font-weight:600}.jf-indent-select{font-family:JetBrains Mono,monospace;font-size:12px;background:#f8faf9;border:1.5px solid #d1fae5;color:#059669;padding:8px 12px;border-radius:10px;outline:none;cursor:pointer;transition:border-color .2s}.jf-indent-select:focus{border-color:#059669}.jf-btn{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px;padding:10px 18px;border-radius:10px;cursor:pointer;transition:all .25s ease;border:none;display:inline-flex;align-items:center;gap:6px}.jf-btn-primary{background:linear-gradient(135deg,#059669,#34d399);color:#fff;font-weight:800;box-shadow:0 4px 14px rgba(16,185,129,.3)}.jf-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.jf-btn-ghost{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#64748b}.jf-btn-ghost:hover{border-color:#a7f3d0;color:#059669}.jf-editor{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){.jf-editor{grid-template-columns:1fr}}.jf-panel{background:#f8faf9;border:1.5px solid rgba(16,185,129,.12);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.jf-panel-head{padding:11px 16px;border-bottom:1px solid #d1fae5;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#ecfdf5}.jf-panel-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#059669}.jf-panel-meta{font-size:11px;color:#6b7280}.jf-panel-meta,.jf-textarea{font-family:JetBrains Mono,monospace}.jf-textarea{width:100%;flex:1;min-height:320px;background:transparent;border:none;padding:16px;color:#1a1a2e;font-size:12.5px;line-height:1.7;resize:vertical;outline:none}.jf-textarea::placeholder{color:#cbd5e1}.jf-output{flex:1;min-height:320px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7;overflow:auto;white-space:pre;word-break:break-all}.jf-output.success{color:#1a1a2e}.jf-output.error{color:#dc2626}.jf-output.empty{color:#cbd5e1}.jf-key{color:#059669}.jf-string{color:#0369a1}.jf-num{color:#b45309}.jf-bool{color:#7c3aed}.jf-null{color:#dc2626}.jf-error-badge{margin-top:14px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:12.5px;color:#dc2626;display:flex;align-items:flex-start;gap:10px}.jf-error-icon{font-size:16px;flex-shrink:0;margin-top:1px}.jf-trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:24px}.jf-trust-item{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px}.jf-trust-dot{width:4px;height:4px;border-radius:50%;background:#6ee7b7}.jf-section-alt{background:#fff}.jf-section-main{background:#f0fff4}.jf-divider{border:none;border-top:1px solid rgba(16,185,129,.08)}.jf-benefit-card{background:#fff;border:1.5px solid rgba(16,185,129,.08);border-radius:18px;padding:28px;transition:all .3s ease;box-shadow:0 2px 8px rgba(16,185,129,.04)}.jf-benefit-card:hover{border-color:rgba(16,185,129,.2);box-shadow:0 8px 24px rgba(16,185,129,.08);transform:translateY(-3px)}.jf-benefit-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.jf-step-card{background:#fff;border:1.5px solid rgba(16,185,129,.08);border-radius:18px;padding:28px;text-align:center;box-shadow:0 2px 8px rgba(16,185,129,.04)}.jf-step-num{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#059669,#34d399);font-weight:800;font-size:1.1rem;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.jf-seo-box{background:#fff;border:1.5px solid rgba(16,185,129,.08);border-radius:18px;padding:24px}.jf-feature-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#059669,#34d399);flex-shrink:0}.jf-faq-item{background:#fff;border:1.5px solid rgba(16,185,129,.08);border-radius:14px;padding:20px;transition:border-color .25s,box-shadow .25s}.jf-faq-item:hover{border-color:rgba(16,185,129,.2);box-shadow:0 4px 16px rgba(16,185,129,.07)}.jf-faq-item summary{list-style:none;cursor:pointer}.jf-faq-item summary::-webkit-details-marker{display:none}.jf-faq-question{color:#374151}.jf-faq-answer{color:#6b7280}.jf-faq-icon{color:#059669}.jf-related-link{color:#059669!important;border-color:#a7f3d0!important;background:#fff!important;transition:all .2s}.jf-related-link:hover{background:#ecfdf5!important;border-color:#6ee7b7!important}.jf-cta-section{background:linear-gradient(135deg,#059669,#34d399 50%,#0d9488);padding:80px 24px;text-align:center}.jf-cta-btn{background:hsla(0,0%,100%,.15);border:1.5px solid hsla(0,0%,100%,.35);backdrop-filter:blur(8px);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;padding:14px 36px;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.jf-cta-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}@keyframes jf-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.jf-fade-up{animation:jf-fadeUp .5s ease forwards}