.jl-fkd {
  --bg: #fbfaf7;
  --soft: #f1eee7;
  --text: #2f332f;
  --muted: #6c726c;
  --accent: #667c68;
  --accent-dark: #506352;
  --border: #dedfd9;
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
}
.jl-fkd *, .jl-fkd *::before, .jl-fkd *::after { box-sizing: border-box; }
.jl-fkd-container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.jl-fkd-narrow { max-width: 820px; }
.jl-fkd-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; padding-top:22px; color:var(--muted); font-size:.9rem; }
.jl-fkd-breadcrumbs a { color:inherit; }

.jl-fkd-hero { padding:72px 0 78px; }
.jl-fkd-hero-grid,
.jl-fkd-product-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:56px; align-items:center; }

.jl-fkd-eyebrow {
  display:inline-block; margin-bottom:12px; color:var(--accent-dark);
  font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
}
.jl-fkd h1, .jl-fkd h2 { margin:0; line-height:1.12; letter-spacing:-.025em; }
.jl-fkd h1 { font-size:clamp(2.5rem,5vw,4.7rem); }
.jl-fkd h2 { font-size:clamp(1.9rem,3.5vw,3.1rem); }
.jl-fkd-lead { max-width:760px; margin:24px 0 0; color:var(--muted); font-size:clamp(1.05rem,1.5vw,1.25rem); }

.jl-fkd-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.jl-fkd-btn { display:inline-flex; min-height:50px; padding:13px 22px; align-items:center; justify-content:center; border:1px solid transparent; border-radius:999px; font-weight:750; text-decoration:none; }
.jl-fkd-btn-primary { background:var(--accent); color:#fff; }
.jl-fkd-btn-secondary { border-color:var(--border); color:var(--text); }

.jl-fkd-summary, .jl-fkd-product-card { padding:34px; border-radius:28px; background:var(--soft); }
.jl-fkd-summary > span, .jl-fkd-product-card > span { color:var(--muted); font-size:.84rem; text-transform:uppercase; letter-spacing:.06em; }
.jl-fkd-summary strong, .jl-fkd-product-card strong { display:block; margin-top:6px; font-size:1.65rem; line-height:1.3; }
.jl-fkd-summary p, .jl-fkd-product-card p { margin-bottom:0; color:var(--muted); }

.jl-fkd-section { padding:82px 0; }
.jl-fkd-section-soft { background:var(--soft); }
.jl-fkd-section-head { margin-bottom:36px; }

.jl-fkd-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.jl-fkd-card { padding:25px; border:1px solid var(--border); border-radius:22px; background:#fff; }
.jl-fkd-icon { display:block; margin-bottom:13px; font-size:1.45rem; }
.jl-fkd-card h3 { margin:0 0 7px; }
.jl-fkd-card p { margin:0; color:var(--muted); }

.jl-fkd-steps { display:grid; gap:8px; margin-top:34px; }
.jl-fkd-step { display:grid; grid-template-columns:50px 1fr; gap:18px; padding:21px 0; border-bottom:1px solid var(--border); }
.jl-fkd-step > span { display:grid; width:43px; height:43px; place-items:center; border-radius:50%; background:var(--accent); color:#fff; font-weight:800; }
.jl-fkd-step h3 { margin:0 0 5px; }
.jl-fkd-step p { margin:0; color:var(--muted); }

.jl-fkd-table-wrap { overflow-x:auto; margin-top:28px; border:1px solid var(--border); border-radius:22px; background:#fff; }
.jl-fkd-table { width:100%; min-width:720px; border-collapse:collapse; }
.jl-fkd-table th, .jl-fkd-table td { padding:16px 18px; border-bottom:1px solid var(--border); text-align:left; }
.jl-fkd-table thead th { background:#f7f5f0; }

.jl-fkd-checks { display:grid; gap:9px; padding:0; margin:25px 0; list-style:none; }
.jl-fkd-checks li { position:relative; padding-left:28px; }
.jl-fkd-checks li::before { content:"✓"; position:absolute; left:0; color:var(--accent-dark); font-weight:800; }

.jl-fkd-faq { display:grid; gap:12px; margin-top:28px; }
.jl-fkd-faq details { padding:0 20px; border:1px solid var(--border); border-radius:18px; background:#fff; }
.jl-fkd-faq summary { cursor:pointer; padding:20px 2px; font-weight:750; }
.jl-fkd-faq p { margin:0; padding:0 2px 20px; color:var(--muted); }

.jl-fkd-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.jl-fkd-related a { display:flex; justify-content:space-between; gap:18px; padding:20px; border:1px solid var(--border); border-radius:18px; background:#fff; color:var(--text); font-weight:700; text-decoration:none; }

@media (max-width:920px) {
  .jl-fkd-hero-grid, .jl-fkd-product-grid { grid-template-columns:1fr; gap:34px; }
  .jl-fkd-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .jl-fkd-container { width:min(100% - 28px,1160px); }
  .jl-fkd-hero { padding:52px 0 58px; }
  .jl-fkd-section { padding:62px 0; }
  .jl-fkd-card-grid, .jl-fkd-related { grid-template-columns:1fr; }
  .jl-fkd-actions { flex-direction:column; }
  .jl-fkd-btn { width:100%; }
}