:root{
  --green:#0d6b38;--green-d:#0a4f29;--green-l:#13954c;
  --gold:#f5c518;--gold-d:#d9a900;
  --ink:#0f1a14;--body:#2a3a30;--muted:#6b7c70;
  --bg:#f4f7f3;--card:#ffffff;--alt:#eaf2ec;--line:#dde7e0;
  --wm:#0b2a52;--wm-l:#13386b;
  --cta:#f5c518;--cta-ink:#1a1400;--go:#13954c;--go-d:#0a4f29;
  --radius:14px;--shadow:0 2px 10px rgba(15,40,25,.07);--shadow-l:0 8px 28px rgba(15,40,25,.14);
  --max:1080px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--body);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
.wrap.narrow{max-width:760px}
.h2{font-size:1.5rem;color:var(--ink);line-height:1.25;margin-bottom:.7rem;font-weight:800;letter-spacing:-.01em}
.lead{color:var(--muted);margin-bottom:1.4rem;font-size:1.02rem}
.section{padding:2.6rem 0}
.section--alt{background:var(--alt)}
.section p{margin-bottom:1rem}

/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
  padding:10px 18px;box-shadow:var(--shadow)}
.nav__brand{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--ink);font-size:1.04rem}
.nav__logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;
  background:var(--green);color:var(--gold);font-weight:800;font-size:.8rem}
.brandmark{display:block;width:36px;height:36px;border-radius:9px}
.brandwm{display:flex;flex-direction:column;line-height:1;font-weight:800;color:var(--ink)}
.brandwm em{font-style:normal;font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-l);margin-top:2px}
.foot__brand .brandmark{filter:none}
.nav__links{display:none;gap:18px;margin-left:auto;font-weight:600;font-size:.92rem}
.nav__links a{color:var(--body)}
.nav__links a:hover{color:var(--green)}
.nav__cta{margin-left:auto;background:var(--cta);color:var(--cta-ink);font-weight:800;
  padding:9px 15px;border-radius:10px;font-size:.9rem;white-space:nowrap}
@media(min-width:860px){.nav__links{display:flex}.nav__cta{margin-left:0}}

/* hero */
.hero{background:linear-gradient(155deg,var(--green-d),var(--green) 55%,var(--green-l));color:#fff;padding:2.2rem 0 0}
.hero__inner{max-width:var(--max);margin:0 auto;padding:0 18px;display:grid;gap:1.5rem}
.ribbon{display:inline-block;background:var(--gold);color:var(--cta-ink);font-weight:800;
  font-size:.78rem;padding:5px 12px;border-radius:30px;margin-bottom:1rem;letter-spacing:.02em}
.ribbon--light{background:rgba(255,255,255,.16);color:#fff}
.hero h1{font-size:1.85rem;line-height:1.18;font-weight:800;letter-spacing:-.02em;margin-bottom:.8rem}
.hero__year{color:var(--gold);white-space:nowrap}
.hero__sub{color:rgba(255,255,255,.92);font-size:1.05rem;margin-bottom:1.3rem}
.hero__sub strong{color:var(--gold)}
.byline{display:flex;align-items:center;gap:11px;margin-bottom:1rem}
.byline__av{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--cta-ink);
  font-weight:800;display:grid;place-items:center;font-size:.95rem}
.byline__txt{font-size:.9rem;display:flex;flex-direction:column;gap:2px}
.byline__txt a{color:#fff;text-decoration:underline}
.byline__meta{color:rgba(255,255,255,.7);font-size:.82rem}
.trust{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.85rem;color:rgba(255,255,255,.9);padding-bottom:1.6rem}
.hero__pick{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:1.3rem;text-align:center;
  box-shadow:var(--shadow-l);border:2px solid var(--gold)}
.hero__pick-tag{display:inline-block;font-weight:800;color:var(--green);font-size:.82rem;margin-bottom:.6rem}
.hero__pick img{margin:.2rem auto .6rem;height:60px;width:auto;object-fit:contain}
.hero__pick h2{font-size:1.3rem;margin-bottom:.3rem}
.hero__pick-bonus{color:var(--body);font-weight:700;margin-bottom:.4rem;font-size:1rem}
.hero__pick-rate{color:var(--muted);font-size:.9rem;margin-bottom:.9rem}
.hero__pick-fine{display:block;color:var(--muted);font-size:.74rem;margin-top:.6rem}
@media(min-width:860px){
  .hero{padding-top:3rem}
  .hero__inner{grid-template-columns:1fr 320px;align-items:start;gap:2.4rem}
  .hero h1{font-size:2.5rem}
}
/* top3 strip */
.top3{background:rgba(0,0,0,.18);margin-top:0;padding:.7rem 0}
.top3{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;font-size:.85rem}
.top3__label{color:rgba(255,255,255,.85);font-weight:700}
.mini{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);padding:5px 11px;border-radius:30px;color:#fff}
.mini img{height:20px;width:auto;filter:brightness(0) invert(1);opacity:.95}
.mini__r{background:var(--gold);color:var(--cta-ink);font-weight:800;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.72rem}
.mini__b{font-weight:600}

/* stars */
.stars{color:var(--gold);letter-spacing:1px}

/* cards */
.cards{display:grid;gap:14px}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.1rem;box-shadow:var(--shadow);display:grid;gap:.85rem}
.card--top{border:2px solid var(--gold);box-shadow:var(--shadow-l)}
.card__ribbon{position:absolute;top:-11px;left:16px;background:var(--gold);color:var(--cta-ink);
  font-weight:800;font-size:.72rem;padding:3px 11px;border-radius:20px}
.card__rank{position:absolute;top:1.1rem;right:1.1rem;width:30px;height:30px;border-radius:9px;
  background:var(--alt);color:var(--green-d);font-weight:800;display:grid;place-items:center;font-size:.95rem}
.card--top .card__rank{background:var(--green);color:var(--gold)}
.card__head{display:flex;gap:13px;align-items:center;padding-right:34px}
.card__logo{flex:0 0 92px;height:54px;display:grid;place-items:center;background:var(--alt);border-radius:10px;padding:6px}
.card__logo img{max-height:42px;width:auto;object-fit:contain}
.logo-wrap--dark{background:#11261a}
.card__name{font-size:1.15rem;color:var(--ink);font-weight:800}
.card__rate{display:flex;align-items:center;gap:7px;font-size:.85rem;color:var(--muted);margin:.15rem 0}
.card__score{font-weight:700;color:var(--body)}
.card__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:.1rem}
.tag{background:var(--alt);color:var(--green-d);font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px}
.card__bonus{background:linear-gradient(100deg,var(--green),var(--green-l));color:#fff;border-radius:10px;
  padding:.7rem .9rem;display:flex;flex-direction:column;gap:1px}
.card__bonus-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.8);font-weight:700}
.card__bonus-val{font-size:1.12rem;font-weight:800;line-height:1.2}
.card__fs{font-size:.84rem;color:var(--gold);font-weight:700}
.card__facts{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;font-size:.78rem}
.card__facts li{display:flex;flex-direction:column;background:var(--bg);border-radius:8px;padding:6px 8px}
.card__facts span{color:var(--muted);font-size:.68rem}
.card__facts b{color:var(--ink);font-size:.82rem}
.card__review{font-size:.9rem;color:var(--body);font-style:italic;border-left:3px solid var(--gold);padding-left:.7rem}
.card__cta{display:grid;grid-template-columns:1fr auto;gap:9px}
.btn{display:inline-grid;place-items:center;font-weight:800;border-radius:10px;padding:12px 16px;font-size:.95rem;transition:transform .08s,filter .15s;text-align:center}
.btn:active{transform:translateY(1px)}
.btn--go{background:var(--cta);color:var(--cta-ink)}
.btn--go:hover{filter:brightness(1.05)}
.btn--ghost{background:transparent;border:2px solid var(--go);color:var(--go-d)}
.btn--block{width:100%}
@media(min-width:680px){
  .cards{grid-template-columns:1fr 1fr}
  .card--top{grid-column:1/-1}
  .card--top .card__head{padding-right:34px}
}
@media(min-width:980px){.cards{grid-template-columns:1fr 1fr 1fr}.card--top{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center}.card--top .card__bonus,.card--top .card__facts,.card--top .card__review,.card--top .card__cta{grid-column:auto}}

/* callout / wm / proofs */
.callout{background:#fffbe6;border:1px solid var(--gold);border-radius:10px;padding:1rem 1.1rem;font-size:.92rem;color:var(--ink)}
.section--wm{background:linear-gradient(150deg,var(--wm),var(--wm-l));color:#fff}
.section--wm .h2{color:#fff}.section--wm p{color:rgba(255,255,255,.9)}
.wmgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:1.2rem}
.wmcard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.9rem;
  display:flex;flex-direction:column;gap:6px;align-items:flex-start;color:#fff}
.wmcard img{height:32px;width:auto;object-fit:contain;border-radius:6px;padding:3px}
.wmcard b{font-size:1rem}.wmcard span{font-size:.8rem;color:var(--gold);font-weight:700}
@media(min-width:680px){.wmgrid{grid-template-columns:repeat(3,1fr)}}

.proofs{display:grid;grid-template-columns:1fr;gap:11px}
.proof{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}
.proof__amt{font-size:1.3rem;font-weight:800;color:var(--green)}
.proof__meta{flex:1;display:flex;flex-direction:column;font-size:.8rem;color:var(--muted)}
.proof__meta b{color:var(--ink);font-size:.95rem}
.proof__meta time{font-size:.74rem}
.proof__check{color:var(--go-d);font-weight:800;font-size:.78rem;white-space:nowrap}
@media(min-width:680px){.proofs{grid-template-columns:1fr 1fr}}

/* calculator */
.calc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow)}
.calc__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;margin-bottom:1rem}
.calc__row label{display:flex;flex-direction:column;font-size:.78rem;font-weight:700;color:var(--muted);gap:5px}
.calc__row input{font-size:1.05rem;padding:10px;border:1px solid var(--line);border-radius:9px;font-weight:700;color:var(--ink);width:100%}
.calc__out{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;text-align:center}
.calc__out div{background:var(--alt);border-radius:10px;padding:.8rem .5rem;display:flex;flex-direction:column;gap:3px}
.calc__out span{font-size:.74rem;color:var(--muted)}
.calc__out strong{font-size:1.2rem;color:var(--green-d)}
.calc__note{font-size:.76rem;color:var(--muted);margin:.8rem 0 0}

/* table */
.tablewrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}
.cmp{width:100%;border-collapse:collapse;background:var(--card);font-size:.88rem;min-width:560px}
.cmp th{background:var(--green-d);color:#fff;text-align:left;padding:11px 12px;font-size:.8rem;font-weight:700}
.cmp td{padding:11px 12px;border-top:1px solid var(--line)}
.cmp tr:nth-child(even) td{background:var(--bg)}
.tlink{font-weight:800;color:var(--go-d)}
@media(max-width:620px){
  .cmp,.cmp tbody,.cmp tr,.cmp td{display:block;min-width:0}
  .cmp thead{display:none}.cmp{min-width:0}
  .cmp tr{border-top:1px solid var(--line);padding:8px 0}
  .cmp td{border:0;display:flex;justify-content:space-between;padding:5px 12px}
  .cmp td:before{content:attr(data-l);font-weight:700;color:var(--muted)}
}

/* pays / howto / faq */
.pays{display:flex;flex-wrap:wrap;gap:8px;margin:.4rem 0 0}
.paychip{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:7px 13px;font-weight:700;font-size:.85rem;color:var(--ink);box-shadow:var(--shadow)}
.howto{margin:.4rem 0 0;padding-left:1.1rem;display:grid;gap:.6rem}
.howto li{padding-left:.2rem}
.faq{background:var(--card);border:1px solid var(--line);border-radius:11px;margin-bottom:10px;box-shadow:var(--shadow);overflow:hidden}
.faq summary{padding:1rem 1.1rem;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--green);font-weight:800;font-size:1.3rem}
.faq[open] summary:after{content:"–"}
.faq__a{padding:0 1.1rem 1.1rem;color:var(--body)}

/* author + rg */
.section--author{background:var(--alt)}
.authorbox{display:flex;gap:16px;align-items:flex-start}
.authorbox__av{flex:0 0 auto;width:64px;height:64px;border-radius:50%;background:var(--green);color:var(--gold);font-weight:800;display:grid;place-items:center;font-size:1.4rem}
.rg{background:var(--ink);color:#cfe0d5}.rg .h2{color:#fff}.rg a{color:var(--gold)}.rg strong{color:#fff}

/* footer */
.foot{background:var(--green-d);color:rgba(255,255,255,.85);padding:2rem 0;font-size:.85rem}
.foot__brand{display:flex;align-items:center;gap:9px;font-weight:800;color:#fff;font-size:1.05rem;margin-bottom:.7rem}
.foot__dis{margin-bottom:1rem;max-width:760px;line-height:1.55}
.foot__links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:1rem}
.foot__links a{color:var(--gold);font-weight:600}
.foot__cp{color:rgba(255,255,255,.55)}