:root{
  --ink:#1e282f;--bg:#f4f6f8;--surface:#d9e2e9;--accent:#34c284;
  --accent-t:#207952;--on-accent:#1e282f;--muted:#606d76;
  --dark:#212b32;--on-dark:#e8ecef;--line:#c5cdd3;
  --fd:'Newsreader',Georgia,serif;--fb:'Manrope',system-ui,sans-serif;
  --cw:1167px;--rad:4px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fb);font-variation-settings:'wght' 328;font-size:17px;line-height:1.7;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.xpjff-wrap{max-width:var(--cw);margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem)}
h1,h2,h3,.xpjff-d{font-family:var(--fd);font-variation-settings:'opsz' 72, 'wght' 611;font-weight:normal;line-height:1.1;letter-spacing:0.005em;margin:0}
h1{font-size:clamp(2.4rem,6vw,4rem)}h2{font-size:clamp(1.9rem,4vw,3rem)}h3{font-size:1.35rem}
p{margin:0 0 1rem}
em{font-style:italic;}
a{color:inherit}
.xpjff-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--fb);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.2em;color:#207952}


.xpjff-sec{padding:5rem 0}
.xpjff-sec--t{padding:3.8rem 0}
.xpjff-bg-surface{background:var(--surface)}
.xpjff-bg-dark{background:var(--dark);color:var(--on-dark)}
.xpjff-bg-dark h1,.xpjff-bg-dark h2,.xpjff-bg-dark h3{color:var(--on-dark)}
.xpjff-bg-dark .xpjff-eyebrow{color:var(--accent)}
.xpjff-lead{max-width:42rem;font-size:1.12rem;color:var(--ink)}
.xpjff-muted{color:var(--muted)}
.xpjff-link{color:var(--accent-t);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.xpjff-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--fb);font-weight:600;font-size:.86rem;padding:.85rem 1.7rem;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;border:1px solid var(--ink);cursor:pointer}
.xpjff-btn--acc{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.xpjff-btn--ghost{background:transparent;color:var(--ink)}
.xpjff-grid{display:grid;gap:1.6rem}
.xpjff-prod{grid-template-columns:repeat(3,1fr)}
.xpjff-rev{grid-template-columns:repeat(2,1fr)}
@media(max-width:820px){.xpjff-prod,.xpjff-rev{grid-template-columns:1fr}}
.xpjff-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;display:flex;flex-direction:column}
.xpjff-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.xpjff-card-b{padding:1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.xpjff-price{font-family:var(--fd);font-size:1.3rem;color:var(--ink)}
.xpjff-badge{position:absolute;top:.7rem;left:.7rem;background:var(--accent);color:var(--on-accent);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .6rem;border-radius:3px}
.xpjff-hero{display:grid;gap:2.5rem;align-items:center}
.xpjff-hero--split{grid-template-columns:1.05fr .95fr}
.xpjff-hero--center{text-align:center;justify-items:center}
@media(max-width:820px){.xpjff-hero--split{grid-template-columns:1fr}}
.xpjff-hero img,.xpjff-shot{width:100%;height:auto;border-radius:var(--rad);box-shadow:none;display:block}
.xpjff-rule{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.xpjff-map{border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}
.xpjff-field{width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:4px;background:#fff;font:inherit;color:var(--ink)}
.xpjff-field:focus{outline:none;border-color:var(--accent)}
.xpjff-lbl{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.3rem}
.xpjff-foot{background:var(--dark);color:var(--on-dark)}
.xpjff-foot a{color:var(--on-dark);text-decoration:none}
.xpjff-figrow{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--line);padding:.9rem 0}
.xpjff-fignum{font-family:var(--fd);font-size:2.4rem;color:var(--accent-t)}
.xpjff-cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;max-width:640px;margin:0 auto;background:var(--dark);color:var(--on-dark);padding:1rem 1.2rem;border-radius:6px;display:flex;gap:1rem;align-items:center;justify-content:space-between;font-size:.85rem;z-index:60}
.xpjff-cookie a{color:var(--accent)}.xpjff-cookie.hidden{display:none}
.legal{max-width:46rem}.legal h2{margin:2.2rem 0 .6rem}.legal a{color:var(--accent-t)}