:root {
  --vjfv-accent: #0d6e57;
  --vjfv-accent-dark: #084d3d;
  --vjfv-dark: #0a1a20;
  --vjfv-bg: #ffffff;
  --vjfv-bg-soft: #f0f4f3;
  --vjfv-border: #d4dde0;
  --vjfv-text: #0a1a20;
  --vjfv-muted: rgba(0,0,0,.55);
  --vjfv-rhythm: 80px;
  --vjfv-radius: 8px;
  --vjfv-shadow: 0 2px 12px rgba(0,0,0,.06);
  --vjfv-font-head: 'Outfit', system-ui, -apple-system, sans-serif;
  --vjfv-font-body: 'Outfit', system-ui, -apple-system, sans-serif;
  --vjfv-hue-shift: 0deg;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--vjfv-font-body);background:var(--vjfv-bg);color:var(--vjfv-text);line-height:1.65;font-size:16px;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--vjfv-accent);text-decoration:none;}
a:hover{text-decoration:underline;}
ul{list-style:none;}

h1,h2,h3,h4{font-family:var(--vjfv-font-head);line-height:1.25;color:var(--vjfv-text);}
h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;margin-bottom:1rem;}
h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin-bottom:.75rem;}
h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;}

.wrap{max-width:1240px;margin:0 auto;padding:0 20px;}
.sec{padding:var(--vjfv-rhythm) 0;}
.sec-soft{background:var(--vjfv-bg-soft);}
.sec-dark{background:var(--vjfv-dark);color:#e8eef2;}
.sec-dark h2,.sec-dark h3,.sec-dark p{color:#e8eef2;}
.sec-sub{color:var(--vjfv-muted);margin-bottom:2rem;font-size:1.05rem;}
.content-narrow{max-width:780px;}

.hd{background:var(--vjfv-bg);border-bottom:1px solid var(--vjfv-border);position:sticky;top:0;z-index:100;box-shadow:var(--vjfv-shadow);}
.hd-inner{display:flex;align-items:center;gap:2rem;height:68px;}
.hd-logo{font-family:var(--vjfv-font-head);font-weight:800;font-size:1.2rem;color:var(--vjfv-accent);text-decoration:none;}
.hd-nav{display:flex;align-items:center;gap:1.5rem;margin-left:auto;}
.hd-link{color:var(--vjfv-text);font-weight:500;font-size:.95rem;padding:.25rem 0;border-bottom:2px solid transparent;transition:border-color .2s;}
.hd-link:hover{border-bottom-color:var(--vjfv-accent);text-decoration:none;color:var(--vjfv-accent);}
.hd-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.hd-burger span{display:block;width:22px;height:2px;background:var(--vjfv-text);border-radius:2px;transition:.3s;}

.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:var(--vjfv-radius);font-weight:600;font-size:.95rem;cursor:pointer;border:none;text-decoration:none;transition:background .2s,border-color .2s,color .2s;white-space:nowrap;}
.btn-acc{background:var(--vjfv-accent);color:#fff;}
.btn-acc:hover{background:var(--vjfv-accent-dark);color:#fff;text-decoration:none;}
.btn-outline{background:transparent;color:var(--vjfv-accent);border:1.5px solid var(--vjfv-accent);}
.btn-outline:hover{background:var(--vjfv-accent);color:#fff;text-decoration:none;}
.btn-sm{padding:.45rem 1rem;font-size:.875rem;}
.btn-lg{padding:.8rem 1.8rem;font-size:1rem;}

.hero{position:relative;}
.hero-inner{position:relative;z-index:1;padding:5rem 0;}
.hero h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem);}
.hero-sub{color:rgba(255,255,255,.9);font-size:1.1rem;max-width:600px;margin:.75rem 0 1.5rem;}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;}
.hero-chips{display:flex;gap:.75rem;flex-wrap:wrap;}
.hero-chip{background:rgba(255,255,255,.15);color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.875rem;border:1px solid rgba(255,255,255,.3);}

.verdict-card{background:var(--vjfv-bg);border:1px solid var(--vjfv-border);border-radius:var(--vjfv-radius);padding:1.5rem;box-shadow:var(--vjfv-shadow);max-width:680px;margin:0 auto;}
.verdict-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--vjfv-muted);margin-bottom:.75rem;}
.verdict-inner{display:flex;flex-direction:column;gap:1rem;}
.verdict-brand{display:flex;align-items:center;gap:.75rem;}
.verdict-brand strong{font-size:1.15rem;display:block;}
.verdict-brand .stars{font-size:1.1rem;color:#f59e0b;}

.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--vjfv-radius);border:1px solid var(--vjfv-border);}
.cmp{width:100%;border-collapse:collapse;background:var(--vjfv-bg);}
.cmp thead{background:var(--vjfv-bg-soft);}
.cmp th{padding:.85rem 1rem;text-align:left;font-size:.85rem;font-weight:700;color:var(--vjfv-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:2px solid var(--vjfv-border);}
.cmp td{padding:.85rem 1rem;border-bottom:1px solid var(--vjfv-border);font-size:.925rem;vertical-align:middle;}
.cmp tr:last-child td{border-bottom:none;}
.cmp tr:hover td{background:var(--vjfv-bg-soft);}
.cmp-top td{background:#f0faf5;}
.cmp-name{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.cmp-logo{border-radius:4px;flex-shrink:0;object-fit:contain;}
.cmp-badge{background:var(--vjfv-accent);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:700;white-space:nowrap;}
.cmp-rating{font-weight:700;white-space:nowrap;}
.cmp-note{font-size:.82rem;color:var(--vjfv-muted);margin-top:1rem;}
.stars{color:#f59e0b;letter-spacing:.05em;}

.edit-big{border-radius:var(--vjfv-radius);padding:2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.edit-badge{background:var(--vjfv-accent);color:#fff;font-size:.75rem;padding:.25rem .7rem;border-radius:4px;font-weight:700;display:inline-block;margin-bottom:1rem;}
.edit-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;}
.edit-name{font-size:1.5rem;margin:0;}
.edit-stars{font-size:1.15rem;}
.edit-bullets{list-style:none;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem;}
.edit-bullets li{display:flex;align-items:flex-start;gap:.5rem;}
.edit-bullets i{color:var(--vjfv-accent);margin-top:.2rem;flex-shrink:0;}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem;}
.gallery-card{border-radius:var(--vjfv-radius);overflow:hidden;box-shadow:var(--vjfv-shadow);}
.gallery-cap{padding:.75rem 1rem;font-size:.9rem;font-weight:600;background:var(--vjfv-bg-soft);}

.meth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem;}
.meth-card{background:var(--vjfv-bg);border:1px solid var(--vjfv-border);border-radius:var(--vjfv-radius);padding:1.5rem;box-shadow:var(--vjfv-shadow);}
.meth-num{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--vjfv-accent);color:#fff;border-radius:50%;font-weight:800;font-size:1.1rem;margin-bottom:.75rem;}

.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem;}
.guide-card{background:var(--vjfv-bg);border:1px solid var(--vjfv-border);border-radius:var(--vjfv-radius);padding:1.5rem;box-shadow:var(--vjfv-shadow);display:flex;flex-direction:column;gap:.5rem;color:var(--vjfv-text);transition:box-shadow .2s;}
.guide-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1);text-decoration:none;}
.guide-card h2,.guide-card h3{font-size:1.05rem;color:var(--vjfv-text);}
.guide-card p{color:var(--vjfv-muted);font-size:.9rem;}
.guide-more{color:var(--vjfv-accent);font-size:.875rem;font-weight:600;margin-top:auto;}

.faq-list{display:flex;flex-direction:column;gap:.5rem;max-width:780px;}
.faq-item{border:1px solid var(--vjfv-border);border-radius:var(--vjfv-radius);overflow:hidden;background:var(--vjfv-bg);}
.faq-q{width:100%;background:none;border:none;padding:1rem 1.25rem;text-align:left;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--vjfv-text);}
.faq-q:hover{background:var(--vjfv-bg-soft);}
.faq-icon{transition:transform .3s;flex-shrink:0;}
.faq-item.open .faq-icon{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a p{padding:0 1.25rem 1rem;}

.cta-sec{background:var(--vjfv-accent);color:#fff;}
.cta-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;}
.cta-inner h2{color:#fff;}
.cta-inner p{color:rgba(255,255,255,.9);}
.cta-inner .btn-acc{background:#fff;color:var(--vjfv-accent);}
.cta-inner .btn-acc:hover{background:var(--vjfv-bg-soft);color:var(--vjfv-accent);}

.risk-strip{background:#1a0e08;color:#e8d8c8;padding:1rem 0;}
.risk-strip p{font-size:.85rem;line-height:1.5;}
.risk-strip i{color:#f59e0b;}

.ft{background:var(--vjfv-dark);color:#c8d4d8;padding:3rem 0 0;}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;}
.ft-logo{font-family:var(--vjfv-font-head);font-weight:800;font-size:1.1rem;color:#fff;display:block;margin-bottom:.75rem;}
.ft-desc{font-size:.875rem;color:#8aa0a8;line-height:1.6;}
.ft-heading{font-weight:700;color:#fff;font-size:.875rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.06em;}
.ft-link{display:block;color:#8aa0a8;font-size:.875rem;margin-bottom:.4rem;transition:color .2s;}
.ft-link:hover{color:#fff;text-decoration:none;}
.ft-addr{font-size:.8rem;color:#6a8088;line-height:1.6;margin-top:.5rem;}
.ft-bottom{margin-top:2rem;border-top:1px solid rgba(255,255,255,.08);padding:1.25rem 0;}
.ft-bottom-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;}
.ft-bottom p{font-size:.8rem;color:#6a8088;}
.ft-disc{font-style:italic;}

.ck{position:fixed;bottom:0;left:0;right:0;background:var(--vjfv-dark);color:#e8eef2;z-index:999;border-top:2px solid var(--vjfv-accent);}
.ck-inner{padding:1.25rem 20px;}
.ck-text{font-size:.9rem;margin-bottom:1rem;}
.ck-text a{color:var(--vjfv-accent);}
.ck-btns{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;}
.ck-prefs{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);}
.ck-row{margin-bottom:.5rem;font-size:.9rem;}
.ck-reopen{position:fixed;bottom:1rem;right:1rem;background:var(--vjfv-accent);color:#fff;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--vjfv-shadow);z-index:998;}

.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.85rem;color:var(--vjfv-muted);padding:.75rem 0;}
.crumbs a{color:var(--vjfv-muted);}
.crumbs a:hover{color:var(--vjfv-accent);}
.crumbs__sep{opacity:.5;}

.review-layout{max-width:860px;}
.review-main{display:flex;flex-direction:column;gap:1.25rem;}
.byline{font-size:.9rem;color:var(--vjfv-muted);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.byline i{color:var(--vjfv-accent);}
.byline-end{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--vjfv-border);}
.meta-row{font-size:.85rem;color:var(--vjfv-muted);}
.meta-row a{color:var(--vjfv-accent);}

.bp{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--vjfv-bg-soft);border-radius:var(--vjfv-radius);border:1px solid var(--vjfv-border);text-align:center;}
.bp-logo{border-radius:8px;object-fit:contain;}
.bp-cap{font-size:.9rem;color:var(--vjfv-muted);}

.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.pros,.cons{background:var(--vjfv-bg-soft);border-radius:var(--vjfv-radius);padding:1.25rem;}
.pros h3{color:#059669;}
.cons h3{color:#dc2626;}
.pros ul li,.cons ul li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;}
.pros i{color:#059669;flex-shrink:0;margin-top:.15rem;}
.cons i{color:#dc2626;flex-shrink:0;margin-top:.15rem;}

.atglance{border:1px solid var(--vjfv-border);border-radius:var(--vjfv-radius);padding:1.25rem;background:var(--vjfv-bg-soft);}
.atglance h3{margin-bottom:.75rem;}
.atglance dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;}
.atglance dt{color:var(--vjfv-muted);font-size:.9rem;}
.atglance dd{font-weight:600;font-size:.9rem;text-align:right;}

.rbars{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;}
.rbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem;}
.rbar-label{font-size:.9rem;}
.rbar-val{font-weight:700;font-size:.9rem;}
.rbar__track{grid-column:1/-1;height:6px;border-radius:99px;background:var(--vjfv-border);}
.rbar__fill{height:100%;border-radius:99px;background:var(--vjfv-accent);}

.disclosure-box{font-size:.85rem;color:var(--vjfv-muted);border-left:3px solid var(--vjfv-accent);padding:.5rem .75rem;background:var(--vjfv-bg-soft);border-radius:0 var(--vjfv-radius) var(--vjfv-radius) 0;}
.review-cta{margin:1.5rem 0;}

.alt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;}
.alt-card{background:var(--vjfv-bg-soft);border:1px solid var(--vjfv-border);border-radius:var(--vjfv-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem;}
.alt-card strong a{color:var(--vjfv-text);}

.scoring-table{background:var(--vjfv-bg-soft);border-radius:var(--vjfv-radius);padding:1.25rem;}

.inline-logo{display:inline-block;vertical-align:middle;border-radius:4px;margin-right:4px;object-fit:contain;}

.editor-card{display:flex;gap:1rem;align-items:flex-start;background:var(--vjfv-bg-soft);border-radius:var(--vjfv-radius);padding:1.25rem;margin-top:1rem;}
.editor-avatar{width:48px;height:48px;background:var(--vjfv-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;}
.editor-card p{font-size:.9rem;color:var(--vjfv-muted);margin-top:.25rem;}

.cookie-table{width:100%;border-collapse:collapse;font-size:.875rem;margin:1rem 0;}
.cookie-table th,.cookie-table td{padding:.65rem .85rem;border:1px solid var(--vjfv-border);text-align:left;}
.cookie-table th{background:var(--vjfv-bg-soft);font-weight:700;}

.notfound-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem;}

content-narrow ul li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;}
.content-narrow ul{display:flex;flex-direction:column;gap:.25rem;margin:1rem 0;}
.content-narrow p{margin-bottom:1rem;}
.content-narrow h2{margin-top:1.75rem;}
.content-narrow address{font-style:normal;line-height:1.8;margin:1rem 0;}

@media(max-width:1024px){
  .pros-cons{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .hd-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--vjfv-bg);flex-direction:column;padding:1rem;gap:0;border-bottom:1px solid var(--vjfv-border);box-shadow:var(--vjfv-shadow);}
  .hd-nav.open{display:flex;}
  .hd-link{padding:.75rem 1rem;border-bottom:1px solid var(--vjfv-bg-soft);width:100%;}
  .hd-burger{display:flex;}
  .hd{position:relative;}
  .gallery-grid{grid-template-columns:1fr 1fr;}
  .ft-grid{grid-template-columns:1fr 1fr;}
  .atglance dl{grid-template-columns:1fr;}
  .atglance dd{text-align:left;}
  .ft-bottom-inner{flex-direction:column;}
  .cmp th:nth-child(4),.cmp td:nth-child(4){display:none;}
}
@media(max-width:480px){
  .hero-btns{flex-direction:column;align-items:flex-start;}
  .gallery-grid{grid-template-columns:1fr;}
  .ft-grid{grid-template-columns:1fr;}
  .alt-grid{grid-template-columns:1fr;}
  .guides-grid{grid-template-columns:1fr;}
  .meth-grid{grid-template-columns:1fr;}
  .notfound-links{flex-direction:column;align-items:center;}
}