/* Sale Armor — the app's palette and type, on the web.
   Values copied from SaleArmor/Pixels.swift so the site and the app cannot drift apart. */

/* The same file the app bundles, served from this folder rather than a CDN: no third-party
   request, and the site keeps working if Google Fonts is blocked. SIL Open Font Licence. */
@font-face {
  font-family: "Pixelify Sans";
  src: url("PixelifySans.ttf") format("truetype");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --bg: #0F0F1B;
  --panel: #1D1D2E;
  --ink: #E8E6F0;
  --dim: #8A87A8;
  --gold: #F2C14E;
  --gold-metal: #F7CC5E;
  --line: #3A3A55;
  --alert: #E85D75;
  --armor: #4CC9A4;
  --brick: #15151F;
  --brick-odd: #1A1A26;
  --mortar: #0B0B13;
  /* Pixelify Sans is kept for the wordmark only. It is charming as a logo and genuinely hard to
     read in a paragraph, so headings use the monospace face instead — still machine-like, but
     legible at every size. */
  --pixel: "Pixelify Sans", ui-monospace, Menlo, monospace;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Courier New", monospace;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.7;
  overflow-x: hidden;
  /* A brick tile, two courses tall, the second offset half a brick. Gradients alone draw a
     grid — the offset is the whole difference between a wall and graph paper. */
  background-color: var(--brick);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2748%27%20height%3D%2724%27%3E%3Crect%20width%3D%2748%27%20height%3D%2724%27%20fill%3D%27%2315151F%27%2F%3E%3Crect%20y%3D%2712%27%20width%3D%2748%27%20height%3D%2712%27%20fill%3D%27%23191926%27%2F%3E%3Crect%20y%3D%270%27%20width%3D%2748%27%20height%3D%271%27%20fill%3D%27%230B0B13%27%2F%3E%3Crect%20y%3D%2712%27%20width%3D%2748%27%20height%3D%271%27%20fill%3D%27%230B0B13%27%2F%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%271%27%20height%3D%2712%27%20fill%3D%27%230B0B13%27%2F%3E%3Crect%20x%3D%2724%27%20y%3D%270%27%20width%3D%271%27%20height%3D%2712%27%20fill%3D%27%230B0B13%27%2F%3E%3Crect%20x%3D%2712%27%20y%3D%2712%27%20width%3D%271%27%20height%3D%2712%27%20fill%3D%27%230B0B13%27%2F%3E%3Crect%20x%3D%2736%27%20y%3D%2712%27%20width%3D%271%27%20height%3D%2712%27%20fill%3D%27%230B0B13%27%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat;
  background-attachment: fixed;
}

/* The sub-pages keep the reading column: terms and a privacy policy are read, not scanned. */
.wrap {
  width: 100%; max-width: 820px; margin: 0 auto; padding: 32px clamp(20px, 5vw, 48px) 80px;
  background: rgba(15, 15, 27, .93);
  border-left: 3px solid var(--line); border-right: 3px solid var(--line);
  min-height: 100vh;
}
/* Two columns once there is room, so the how-it-works panels stop being a single long ladder. */
.grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 760px) { .grid { grid-template-columns: 1fr 1fr; } }
.grid .panel { margin: 0; }

header.top { display: flex; align-items: center; gap: 12px; padding-bottom: 20px; }
.sword { width: 26px; height: 26px; flex: none; image-rendering: pixelated; }
.wordmark { font-family: var(--pixel); font-size: 21px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.back { margin-left: auto; font-size: 13px; color: var(--dim); text-decoration: none; }
.back:hover { color: var(--gold); }

.kicker {
  font-family: var(--mono);
  font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--gold); margin: 0 0 10px;
}

h1 {
  font-family: var(--mono);
  font-size: clamp(30px, 5.2vw, 46px); font-weight: 700; line-height: 1.15;
  letter-spacing: -.5px; margin: 0 0 14px;
}
h2 {
  font-family: var(--mono);
  font-size: 21px; font-weight: 700; margin: 44px 0 14px; letter-spacing: .5px;
  color: var(--ink); text-transform: uppercase;
}
h3 { font-family: var(--mono); font-size: 17px; font-weight: 700; margin: 0 0 8px; color: var(--gold-metal); }

.lede { color: var(--dim); font-size: 19px; max-width: 60ch; margin: 0 0 28px; }
p { margin: 0 0 14px; color: #C4C1D8; max-width: 70ch; }
b, strong { color: var(--ink); font-weight: 700; }
a { color: var(--gold); }

ul, ol { margin: 0 0 16px; padding-left: 22px; color: #C4C1D8; }
li { margin: 8px 0; }

/* The stepped double border from PxPanel: a hard outline plus a highlight edge two pixels in. */
.panel {
  background: var(--panel);
  border: 2px solid var(--line);
  box-shadow: inset 0 2px 0 rgba(58, 58, 85, .55);
  padding: 20px;
  margin: 0 0 16px;
}
.panel :last-child { margin-bottom: 0; }

.alert { border-color: var(--alert); }
.alert h3 { color: var(--alert); }

.price { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; }
.price div {
  flex: 1 1 200px; background: var(--panel); border: 2px solid var(--line); padding: 16px;
}
.price .amount { font-family: var(--mono); font-size: 30px; font-weight: 700; color: var(--gold); display: block; }
.price .term { font-size: 12px; color: var(--dim); text-transform: uppercase; letter-spacing: .12em; }

/* The solid offset block that PxButtonStyle uses instead of a soft shadow. */
.cta {
  display: inline-block; background: var(--gold-metal); color: var(--bg);
  font-family: var(--mono); font-size: 15px; font-weight: 700;
  letter-spacing: 1.4px; text-transform: uppercase; text-decoration: none;
  padding: 14px 26px; border: 2px solid rgba(15, 15, 27, .35);
  box-shadow: 4px 4px 0 rgba(247, 204, 94, .45);
}
.cta:active { transform: translate(4px, 4px); box-shadow: none; }

.meta { font-size: 13px; color: var(--dim); margin-top: 36px; }

footer { margin-top: 56px; padding-top: 20px; border-top: 2px solid var(--line); font-size: 13px; }
footer a { margin-right: 18px; }

table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 14px; }
th, td { text-align: left; padding: 10px 8px; border-bottom: 2px solid var(--line); }
th { font-family: var(--mono); color: var(--gold); text-transform: uppercase; font-size: 12px; letter-spacing: .1em; }
.scroll { overflow-x: auto; }

/* ---- Calm-style rhythm: one idea per screen, centred, very few words ---------------------- */

/* The nav CTA is the only persistent ask on the page. */
.nav {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; gap: 12px;
  padding: 14px clamp(16px, 4vw, 40px);
  background: rgba(15, 15, 27, .88);
  border-bottom: 3px solid var(--line);
}
.nav .wordmark { font-size: 19px; }
.nav .cta { margin-left: auto; padding: 10px 18px; font-size: 13px; box-shadow: 3px 3px 0 rgba(247,204,94,.45); }

/* Each section is its own screen. Padding does the work that a divider would otherwise do. */
.scene {
  text-align: center;
  padding: clamp(64px, 12vh, 130px) clamp(20px, 5vw, 56px);
  border-bottom: 3px solid var(--line);
}
.scene > * { margin-left: auto; margin-right: auto; }
.scene p { max-width: 46ch; }

.hero { padding-top: clamp(40px, 8vh, 80px); }
.hero h1 { font-size: clamp(38px, 8vw, 82px); letter-spacing: -1px; margin: 22px 0 14px; }
.hero .sword-big { width: clamp(120px, 22vw, 190px); image-rendering: pixelated; }

/* Big enough to read as a statement rather than a caption. */
.beat { font-family: var(--mono); font-size: clamp(24px, 4.6vw, 44px); font-weight: 700;
        color: var(--ink); line-height: 1.35; max-width: 20ch; margin: 0 auto; }
.beat span { color: var(--gold); }

.sub { color: var(--dim); font-size: clamp(16px, 2vw, 19px); max-width: 46ch; }

/* The foes: the one thing on this page no competitor can copy. */
.foes { display: grid; gap: 12px; grid-template-columns: 1fr; max-width: 760px; }
@media (min-width: 700px) { .foes { grid-template-columns: 1fr 1fr; } }
.foe {
  display: flex; align-items: center; gap: 14px; text-align: left;
  background: var(--panel); border: 2px solid var(--line); padding: 15px 16px;
}
.foe .when { font-family: var(--mono); font-size: 14px; font-weight: 700; color: var(--ink); }
.foe .who { font-size: 13px; color: var(--dim); }
.foe .tier {
  margin-left: auto; font-family: var(--mono); font-size: 11px; font-weight: 700;
  letter-spacing: .08em; padding: 5px 9px; border: 2px solid;
}
.tier-normal { color: #9AA0B5; border-color: #9AA0B5; }
.tier-elite  { color: #5FA8E8; border-color: #5FA8E8; }
.tier-boss   { color: #D8524F; border-color: #D8524F; }

/* Screenshots are the least generic thing available: this is the actual app. */
.shot { width: min(280px, 72vw); border: 3px solid var(--line); display: block; }
.shots { display: flex; gap: clamp(16px, 4vw, 40px); justify-content: center; flex-wrap: wrap; }
.shots figure { margin: 0; }
.shots figcaption { font-size: 13px; color: var(--dim); margin-top: 12px; max-width: 26ch; }

.plans { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; max-width: 780px; }
.plans div { flex: 1 1 160px; background: var(--panel); border: 2px solid var(--line); padding: 18px 14px; }
.plans .amount { font-family: var(--mono); font-size: 27px; font-weight: 700; color: var(--gold); display: block; }
.plans .term { font-size: 12px; color: var(--dim); text-transform: uppercase; letter-spacing: .1em; }
.plans .pick { border-color: var(--gold); }

.fineprint { font-size: 13px; color: var(--dim); max-width: 54ch; }
footer.site { text-align: center; padding: 34px 20px 60px; font-size: 13px; }
footer.site a { margin: 0 12px; }

/* ---- A properly pixelated button ---------------------------------------------------------- */

/* Real 8-bit buttons have notched corners: the corner pixels are simply missing. A CSS radius
   cannot do that, but four small background-coloured squares layered at the corners can, and it
   stays crisp at any zoom because nothing is being scaled. */
.cta {
  position: relative;
  border: 0;
  padding: 16px 30px;
  box-shadow:
    /* the chunky outline, drawn one 4px step at a time */
    0 -4px 0 0 var(--gold-metal), 0 4px 0 0 var(--gold-metal),
    -4px 0 0 0 var(--gold-metal), 4px 0 0 0 var(--gold-metal),
    /* the hard drop shadow, offset by two steps */
    8px 8px 0 0 rgba(11, 11, 19, .85);
  image-rendering: pixelated;
}
/* The four missing corner pixels. */
.cta::before, .cta::after {
  content: ""; position: absolute; pointer-events: none;
  width: 4px; height: 4px; background: var(--bg);
}
.cta::before { top: -4px; left: -4px; box-shadow: calc(100% + 4px) 0 0 var(--bg); }
.cta::after { bottom: -4px; left: -4px; box-shadow: calc(100% + 4px) 0 0 var(--bg); }

/* Presses by one whole step, the way a tile-engine button does — no easing, no scale. */
.cta:active {
  transform: translate(4px, 4px);
  box-shadow:
    0 -4px 0 0 var(--gold-metal), 0 4px 0 0 var(--gold-metal),
    -4px 0 0 0 var(--gold-metal), 4px 0 0 0 var(--gold-metal);
}
.nav .cta { padding: 11px 20px; }

/* ---- Sections added for search and generative engines ------------------------------------- */

.sub.big { font-size: clamp(17px, 2.4vw, 22px); color: var(--ink); max-width: 40ch; }
.tag { font-size: 13px; color: var(--dim); margin-top: 20px; }

.scene h2 {
  font-family: var(--mono); font-size: clamp(20px, 3vw, 27px);
  margin: 0 0 12px; text-transform: none; letter-spacing: 0;
}

/* Three steps, numbered: the fastest way for a cold visitor to grasp a loop. */
.steps { display: grid; gap: 14px; grid-template-columns: 1fr; max-width: 940px; margin-top: 30px; text-align: left; }
@media (min-width: 820px) { .steps { grid-template-columns: repeat(3, 1fr); } }
.step { background: var(--panel); border: 3px solid var(--line); padding: 20px; }
.step .num {
  display: inline-block; font-family: var(--mono); font-size: 13px; font-weight: 700;
  color: var(--bg); background: var(--gold-metal); padding: 3px 10px; margin-bottom: 12px;
}
.step h3 { margin: 0 0 8px; color: var(--ink); font-size: 16px; }
.step p { font-size: 15px; margin: 0; max-width: none; }

.compare td, .compare th { font-size: 14px; }
.compare td:first-child { color: var(--dim); }
.compare th:nth-child(2), .compare td:nth-child(2) { color: var(--gold); }

.faq { max-width: 760px; text-align: left; margin-top: 26px; }
.qa { background: var(--panel); border: 3px solid var(--line); padding: 18px 20px; margin-bottom: 12px; }
.qa h3 { margin: 0 0 8px; font-size: 16px; color: var(--gold-metal); }
.qa p { margin: 0; font-size: 15px; max-width: none; }


/* ---- Contrast, rhythm, weight ------------------------------------------------------------- */

/* Every section sat on the same flat wall, so the page read as one long undifferentiated block.
   Alternating a solid ground against the bare brick gives the eye somewhere to rest and makes the
   texture feel deliberate rather than relentless. */
.scene { padding: clamp(48px, 8vh, 88px) clamp(20px, 5vw, 56px); }
.scene:nth-of-type(even) { background: rgba(15, 15, 27, .82); }
.scene:nth-of-type(odd)  { background: rgba(15, 15, 27, .42); }
.hero { background: rgba(15, 15, 27, .35) !important; }

/* Panels were the same value as the ground behind them, so they read as tinted air rather than
   objects. Lighter fill, harder edge, and a solid offset block instead of a soft shadow. */
.step, .foe, .qa, .plans div, .price div {
  background: #22223A;
  border: 2px solid #3F3F5E;
  box-shadow: 4px 4px 0 rgba(11, 11, 19, .6);
}
.step { padding: 22px 20px; }
.step h3 { color: var(--ink); }
.step .num {
  box-shadow: 2px 2px 0 rgba(11, 11, 19, .5);
  font-size: 14px; padding: 4px 11px;
}

/* Five foes in a two-column grid leaves an orphan on the last row. Three columns divides it into
   3 + 2, which centres cleanly, and the rows get shorter so the section stops sprawling. */
@media (min-width: 900px) { .foes { grid-template-columns: repeat(3, 1fr); max-width: 1000px; } }
.foe { padding: 14px 15px; }
.foe .when { font-size: 15px; }

/* The screenshots were the most persuasive thing on the page and the smallest. */
.shot { width: min(310px, 78vw); border: 4px solid #3F3F5E; box-shadow: 6px 6px 0 rgba(11,11,19,.6); }
.shots { gap: clamp(20px, 3vw, 34px); align-items: flex-start; }
.shots figcaption { margin-top: 16px; font-size: 13.5px; }

/* The selected plan should look chosen, not merely outlined. */
.plans .pick {
  border-color: var(--gold-metal);
  box-shadow: 4px 4px 0 rgba(247, 204, 94, .35);
}
.plans .pick .amount { color: var(--gold-metal); }

.compare { background: #22223A; border: 2px solid #3F3F5E; box-shadow: 4px 4px 0 rgba(11,11,19,.6); }
.compare th, .compare td { padding: 12px 14px; border-bottom: 1px solid #33334E; }
.compare tr:last-child td { border-bottom: 0; }

/* A hairline of gold between sections: enough to mark the seam, not enough to shout. */
.scene { border-bottom: 2px solid rgba(247, 204, 94, .16); }


/* ---- The glow and the glitter, as the app draws them --------------------------------------- */

/* Not a CSS blur. The app's glow is Bayer-ordered dithering — a 4x4 threshold matrix deciding
   cell by cell whether a pixel lights at all — and a soft radial-gradient beside pixel art is the
   one thing that gives the whole illusion away. This is the same dither, baked to SVG. */
.sword-wrap { position: relative; display: inline-block; line-height: 0; }
.sword-wrap::before {
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 215%; height: 215%; transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2044%27%20shape-rendering%3D%27crispEdges%27%3E%3Crect%20x%3D%2220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.38%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.38%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.4%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.45%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.48%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.48%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.44%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.39%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.48%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.54%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.56%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.53%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.46%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.4%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.49%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.54%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.58%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.62%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.65%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.65%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.64%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.61%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.56%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.51%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.46%22%2F%3E%3Crect%20x%3D%2236%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.39%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.65%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.71%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.67%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.48%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.6%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.67%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.72%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.76%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.77%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.74%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.69%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.63%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.57%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.45%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.8%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.83%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.71%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.45%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.51%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.58%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.67%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.75%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.83%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.88%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.89%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.89%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.86%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.79%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.71%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.62%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.55%22%2F%3E%3Crect%20x%3D%2236%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.43%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.65%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.74%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.84%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.92%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.97%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.95%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.88%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.79%22%2F%3E%3Crect%20x%3D%2229%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.69%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.54%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.62%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.72%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.83%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.94%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.98%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.98%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.88%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.77%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.67%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.58%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.8%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.92%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.98%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.86%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.38%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.48%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.56%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.65%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.76%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.88%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.95%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.95%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.7%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.6%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%2236%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.45%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.71%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.83%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.97%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.89%22%2F%3E%3Crect%20x%3D%2229%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.77%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.56%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.65%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.77%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.89%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.97%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.83%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.71%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.61%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.95%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.88%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.38%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.48%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.55%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.64%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.74%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.86%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.92%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.98%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.98%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.92%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.8%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.69%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.59%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.51%22%2F%3E%3Crect%20x%3D%2236%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.45%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.67%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.77%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.88%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.98%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2C14E%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.94%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.83%22%2F%3E%3Crect%20x%3D%2229%22%20y%3D%2225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.72%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.53%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.61%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.69%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.79%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.88%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.92%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.95%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.97%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.95%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.92%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.84%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.74%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.65%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.56%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.49%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.71%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.86%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.89%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.88%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.83%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.75%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.44%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.56%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.63%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.71%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.77%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.83%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D2A32E%22%20opacity%3D%220.8%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.74%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.67%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.6%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.53%22%2F%3E%3Crect%20x%3D%2236%22%20y%3D%2228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.42%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.69%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.74%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.77%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.76%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.72%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.46%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.57%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.62%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.67%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.7%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.71%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.69%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.65%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.6%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2230%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.54%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.39%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.46%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.51%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.55%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.58%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.6%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.61%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A8791F%22%20opacity%3D%220.59%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.56%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.53%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2232%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.44%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2234%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.45%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2234%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2234%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2234%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.49%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2236%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.39%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2236%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.43%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2236%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.45%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2236%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.45%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2236%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237A5C1E%22%20opacity%3D%220.42%22%2F%3E%3C%2Fsvg%3E");
  background-size: 100% 100%; background-repeat: no-repeat;
  image-rendering: pixelated;
  pointer-events: none; z-index: 0;
  animation: breathe 3.6s steps(4, end) infinite;
}
.sword-wrap > svg { position: relative; z-index: 1; }

/* Steps, not a smooth fade: an 8-bit renderer had no in-between frames. */
@keyframes breathe { 0%, 100% { opacity: .78; } 50% { opacity: 1; } }

/* Four-pixel glints that blink on and off, at the sprite's own offsets. */
.glint {
  position: absolute; width: 6px; height: 6px; z-index: 2;
  background:
    linear-gradient(#FFF3C4, #FFF3C4) 2px 0 / 2px 6px no-repeat,
    linear-gradient(#FFF3C4, #FFF3C4) 0 2px / 6px 2px no-repeat;
  opacity: 0; animation: glint 4.4s steps(1, end) infinite;
}
.glint:nth-child(1) { left: 4%;  top: 22%; animation-delay: .2s; }
.glint:nth-child(2) { right: 6%; top: 34%; animation-delay: 1.5s; }
.glint:nth-child(3) { left: 12%; bottom: 18%; animation-delay: 2.7s; }
.glint:nth-child(4) { right: 10%; bottom: 30%; animation-delay: 3.6s; }
@keyframes glint { 0%, 92% { opacity: 0; } 94%, 98% { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .sword-wrap::before, .glint { animation: none; }
  .glint { opacity: .8; }
}

/* The nav mark is 26px; a glow at that size is just mud. */
.nav .sword-wrap::before { display: none; }


/* The glow needs room of its own, or it bleeds over the headline and under the nav bar. */
.hero .sword-wrap { margin: clamp(28px, 5vh, 54px) 0 clamp(34px, 6vh, 62px); }
.hero h1 { margin-top: 0; }