*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#cfc6b4}
body{
  font-family:"Avenir Next","Inter","Helvetica Neue","DejaVu Sans","Liberation Sans",Arial,sans-serif;
  color:#fff;
  -webkit-font-smoothing:antialiased;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.page{
  position:relative;
  overflow:hidden;
  background:#062e1b;
  display:flex;
  flex-direction:column;
}
.flag{display:flex;height:8px;flex-shrink:0}
.flag i{flex:1;display:block}
.flag i:nth-child(1){background:#0b6b3a}
.flag i:nth-child(2){background:#f2c200}
.flag i:nth-child(3){background:#111}

.hero{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(90% 55% at 0% 100%, rgba(242,194,0,.14), transparent 50%),
    radial-gradient(80% 50% at 100% 0%, rgba(255,255,255,.08), transparent 46%),
    linear-gradient(165deg, #0f8348 0%, #084e2c 52%, #052618 100%);
}
.intro{flex-shrink:0}
.mast{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.brand b{
  display:block;
  font-family:"DIN Condensed","Avenir Next Condensed","Montserrat","Arial Narrow",sans-serif;
  font-weight:700;
  letter-spacing:.16em;
  color:#f2c200;
  line-height:.85;
}
.run{
  font-weight:700;
  letter-spacing:.06em;
  text-align:right;
  color:rgba(255,255,255,.92);
}
h1{
  font-family:"Avenir Next Condensed","DIN Condensed","Montserrat","Arial Narrow",sans-serif;
  font-weight:700;
  letter-spacing:-.03em;
  line-height:.88;
}
h1 em{font-style:normal;color:#f2c200}

.deal{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr 1fr;
  align-items:stretch;
  flex:1;
  min-height:0;
}
.win,.trap{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
}
.win{
  background:linear-gradient(180deg, rgba(242,194,0,.16), rgba(242,194,0,.06));
  border:2px solid #f2c200;
}
.trap{
  background:linear-gradient(180deg, #3a1212, #22090a);
  border:2px solid #c45a52;
}
.label{
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.win .label{color:#f2c200}
.trap .label{color:#ffb4ae}
.amt{
  font-family:"DIN Condensed","Avenir Next Condensed","Montserrat","Arial Narrow",sans-serif;
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1;
  white-space:nowrap;
}
.win .amt{color:#f2c200}
.trap .amt{color:#ffd2ce}
.win .amt .cad{
  font-family:"Avenir Next","Inter","Helvetica Neue",sans-serif;
  font-weight:700;
  letter-spacing:.08em;
  margin-left:.16em;
  vertical-align:.42em;
}
.keep{font-weight:700;color:rgba(255,255,255,.94)}
.keep em{font-style:normal;color:#f2c200}
.trap .note{font-weight:700;color:#ffd2ce}
.path{
  display:flex;
  align-items:center;
  gap:8px;
  color:#f2c200;
}
.path span{
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.path b{flex:1;height:3px;background:currentColor;border-radius:99px}
.path.is-trap{color:#ffb4ae}
.path.is-trap span:nth-child(3){color:#fff}
.gain,.pain{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:0;
}
.gain li,.pain li{border-top:1px solid rgba(255,255,255,.16)}
.pain li{display:block}
.pain b{color:#ffb4ae}
.gain b,.pain b{
  display:block;
  font-family:"Avenir Next Condensed","Montserrat","Arial Narrow",sans-serif;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1;
}
.gain span,.pain span{display:block;font-weight:650}
.gain b{color:#fff}
.gain span{color:rgba(255,255,255,.82)}
.pain span{color:rgba(255,255,255,.82)}

.vs{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:#111;
  color:#f2c200;
  font-family:"DIN Condensed","Avenir Next Condensed","Montserrat",sans-serif;
  font-weight:700;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:3px solid #f2c200;
  z-index:2;
}

.limited{
  align-self:center;
  flex-shrink:0;
  background:#f2c200;
  color:#141414;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.cta{
  flex-shrink:0;
  background:#07150f;
  text-align:center;
  border-top:6px solid #f2c200;
}
.cta .l{
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#f2c200;
}
.site{
  display:block;
  font-family:"DIN Condensed","Avenir Next Condensed","Montserrat","Arial Narrow",sans-serif;
  font-weight:700;
  letter-spacing:.01em;
  color:#fff;
  line-height:.9;
}

.letter .page{width:816px;height:1056px}
.letter .hero{padding:26px 36px 22px;gap:22px}
.letter .brand b{font-size:48px}
.letter .run{font-size:18px}
.letter h1{font-size:72px;margin-top:10px}
.letter .deal{gap:18px}
.letter .win,.letter .trap{border-radius:22px;padding:22px 24px 20px}
.letter .label{font-size:15px;line-height:1}
.letter .win .amt{font-size:112px;margin-top:22px}
.letter .win .amt .cad{font-size:20px}
.letter .keep{font-size:22px;margin-top:16px;line-height:1.25}
.letter .path{margin-top:20px}
.letter .path span{font-size:13px}
.letter .path b{height:4px}
.letter .trap .amt{font-size:52px;margin-top:18px}
.letter .trap .note{font-size:18px;margin-top:12px}
.letter .gain,.letter .pain{margin-top:16px}
.letter .gain li,.letter .pain li{padding:8px 0}
.letter .gain b,.letter .pain b{font-size:26px}
.letter .gain span,.letter .pain span{font-size:15px;margin-top:3px}
.letter .vs{width:54px;height:54px;font-size:20px;top:96px;left:calc((100% - 18px) * .5349 + 9px);transform:translate(-50%,0)}
.letter .limited{font-size:16px;padding:8px 20px;border-radius:999px}
.letter .cta{padding:22px 36px 26px}
.letter .cta .l{font-size:15px}
.letter .site{font-size:70px;margin-top:4px}

.wa .page{width:540px;height:675px}
.wa .flag{height:6px}
.wa .hero{padding:12px 16px 10px;gap:10px}
.wa .brand b{font-size:28px}
.wa .run{font-size:11px}
.wa h1{font-size:38px;margin-top:4px}
.wa .deal{gap:8px}
.wa .win,.wa .trap{border-radius:14px;padding:10px 12px 4px}
.wa .label{font-size:9px;line-height:1}
.wa .win .amt{font-size:58px;margin-top:10px}
.wa .win .amt .cad{font-size:11px}
.wa .keep{font-size:12px;margin-top:4px;line-height:1.25}
.wa .path{gap:5px}
.wa .path span{font-size:8px}
.wa .path b{height:2px}
.wa .trap .amt{font-size:26px;margin-top:8px}
.wa .trap .note{font-size:11px;margin-top:3px}
.wa .gain li,.wa .pain li{padding:5px 0}
.wa .gain b,.wa .pain b{font-size:14px}
.wa .gain span,.wa .pain span{font-size:9px;margin-top:1px}
.wa .vs{width:28px;height:28px;font-size:11px;border-width:2px;top:52px;left:calc((100% - 8px) * .5349 + 4px);transform:translate(-50%,0)}
.wa .limited{font-size:10px;padding:4px 12px;border-radius:999px}
.wa .cta{padding:10px 16px 12px;border-top-width:4px}
.wa .cta .l{font-size:9px}
.wa .site{font-size:36px;margin-top:2px}