:root {
      --lime: #44D62C;
      --lime-soft: #B4DC95;
      --green: #005232;
      --green-2: #0A3C31;
      --deep: #082F27;
      --ink: #081B17;
      --cream: #F5F6E9;
      --white: #FFFFFF;
      --blue: #426DA9;
      --blue-soft: #91A7C8;
      --orange: #FFA300;
      --orange-soft: #FFC65C;
      --pink: #B4458D;
      --pink-soft: #D960A3;
      --line: rgba(8, 47, 39, .14);
      --shadow: 0 22px 60px rgba(0, 46, 35, .12);
      --r-lg: 34px;
      --r-md: 24px;
      --r-sm: 16px;
      --sans: "Space Grotesk", "Be Vietnam Pro", Arial, sans-serif;
      --body: "Be Vietnam Pro", Arial, sans-serif;
      --serif: "Times New Roman", Times, serif;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background:
        radial-gradient(circle at 75% 8%, rgba(68,214,44,.14), transparent 28%),
        radial-gradient(circle at 18% 32%, rgba(66,109,169,.10), transparent 24%),
        linear-gradient(180deg, #fbfcf4 0%, #f3f7ec 52%, #eff8f1 100%);
      font-family: var(--body);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .035;
      z-index: 9999;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");
      mix-blend-mode: multiply;
    }

    a { color: inherit; }
    .wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

    .topbar {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(8,47,39,.93);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .topbar-inner {
      height: 84px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }
    .brand { display: flex; align-items: center; min-width: 0; }
    .brand img { width: 212px; height: auto; display: block; object-fit: contain; filter: drop-shadow(0 5px 14px rgba(0,0,0,.20)); }
    .brand-copy { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; }
    .brand-copy strong { font-family: var(--serif); font-style: italic; font-size: 23px; font-weight: 700; letter-spacing: -.4px; }
    .brand-copy span { font-family: var(--sans); font-size: 11px; font-weight: 700; letter-spacing: .10em; text-transform: uppercase; opacity: .84; }
    .top-meta { font-family: var(--sans); font-size: 13px; color: rgba(255,255,255,.76); text-transform: uppercase; letter-spacing: .09em; }

    .hero {
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(120deg, rgba(68,214,44,.92) 0%, rgba(0,82,50,.97) 38%, rgba(8,47,39,.99) 72%, #050d0b 100%);
      color: #fff;
      padding: 78px 0 82px;
      border-bottom-left-radius: 48px;
      border-bottom-right-radius: 48px;
      box-shadow: var(--shadow);
    }
    .hero::after {
      content: "";
      position: absolute;
      width: 520px;
      height: 520px;
      right: -110px;
      top: -70px;
      background: url("../img/camar-mark.png") center/cover no-repeat;
      opacity: .10;
      transform: rotate(-8deg);
      filter: saturate(1.1);
    }
    .hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.45fr .75fr; gap: 60px; align-items: end; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: var(--sans);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: rgba(255,255,255,.84);
      margin-bottom: 20px;
    }
    .eyebrow::before { content: ""; width: 42px; height: 4px; border-radius: 99px; background: var(--lime); box-shadow: 0 0 22px rgba(68,214,44,.6); }
    .hero h1 {
      margin: 0;
      max-width: 840px;
      font-family: var(--sans);
      font-size: clamp(46px, 6.5vw, 92px);
      line-height: .92;
      letter-spacing: -.065em;
      text-transform: lowercase;
    }
    .hero h1 span { display: block; color: var(--lime); }
    .hero-sub {
      margin: 28px 0 0;
      max-width: 800px;
      font-size: clamp(17px, 1.7vw, 22px);
      color: rgba(255,255,255,.82);
    }
    .hero-note {
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 26px 0 26px 26px;
      padding: 28px;
      background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.035));
      backdrop-filter: blur(12px);
    }
    .hero-note .label { font-family: var(--sans); font-size: 11px; text-transform: uppercase; letter-spacing: .14em; color: var(--lime-soft); }
    .hero-note strong { display: block; margin-top: 8px; font-family: var(--sans); font-size: 29px; line-height: 1.15; }
    .hero-note p { margin: 10px 0 0; color: rgba(255,255,255,.72); font-size: 14px; }

    .section { padding: 80px 0; }
    .section.compact { padding-top: 48px; }
    .section-label { font-family: var(--serif); font-style: italic; font-weight: 700; font-size: 22px; color: var(--green); margin-bottom: 12px; }
    .section h2 {
      font-family: var(--sans);
      font-size: clamp(34px, 4vw, 58px);
      line-height: 1;
      letter-spacing: -.045em;
      margin: 0 0 20px;
      color: var(--deep);
    }
    .lede { max-width: 880px; font-size: 18px; color: rgba(8,27,23,.72); margin: 0; }

    .snapshot {
      margin-top: 38px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .snap {
      min-height: 130px;
      padding: 22px;
      border-radius: 22px 0 22px 22px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.58);
      backdrop-filter: blur(10px);
    }
    .snap strong { display: block; font-family: var(--sans); font-size: 31px; line-height: 1; color: var(--deep); }
    .snap span { display: block; margin-top: 10px; font-size: 13px; color: rgba(8,27,23,.65); }

    .packages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44px; align-items: stretch; }
    .package {
      position: relative;
      overflow: hidden;
      background: rgba(255,255,255,.92);
      border: 1px solid rgba(8,47,39,.10);
      border-radius: var(--r-lg) 0 var(--r-lg) var(--r-lg);
      box-shadow: 0 18px 40px rgba(0,46,35,.08);
      display: flex;
      flex-direction: column;
      min-height: 100%;
    }
    .package::before { content: ""; display: block; height: 8px; background: var(--accent); }
    .package.featured { transform: translateY(-10px); box-shadow: 0 26px 70px rgba(0,46,35,.16); border-color: rgba(68,214,44,.42); }
    .package-inner { padding: 30px; display: flex; flex-direction: column; height: 100%; }
    .kicker { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
    .option-number { font-family: var(--sans); text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 700; color: rgba(8,27,23,.48); }
    .badge { padding: 7px 10px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 15%, white); color: var(--deep); font-family: var(--sans); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
    .package h3 { font-family: var(--sans); font-size: 30px; line-height: 1.05; letter-spacing: -.035em; margin: 16px 0 6px; color: var(--deep); }
    .price { display: flex; align-items: baseline; gap: 7px; margin: 14px 0 18px; }
    .price small { font-family: var(--sans); font-size: 17px; font-weight: 600; color: rgba(8,27,23,.62); }
    .price strong { font-family: var(--sans); font-size: 46px; line-height: 1; letter-spacing: -.055em; color: var(--deep); }
    .package .desc { min-height: 94px; color: rgba(8,27,23,.68); font-size: 14px; }
    .subhead { font-family: var(--sans); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .10em; margin: 22px 0 10px; color: var(--deep); }
    .package ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
    .package li { position: relative; padding-left: 25px; font-size: 14px; color: rgba(8,27,23,.78); }
    .package li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--accent); font-weight: 800; }
    .package .semis { margin-top: 22px; padding: 17px 18px; border-radius: 16px; background: linear-gradient(135deg, rgba(8,47,39,.06), rgba(68,214,44,.08)); border: 1px solid rgba(8,47,39,.08); font-size: 13px; }
    .package .bottom { margin-top: auto; padding-top: 24px; }
    .best-for { border-top: 1px solid rgba(8,47,39,.09); padding-top: 18px; font-size: 13px; color: rgba(8,27,23,.64); }

    .content-band {
      margin-top: 24px;
      padding: 24px;
      border-radius: 24px 0 24px 24px;
      background: linear-gradient(135deg, rgba(180,69,141,.12), rgba(255,163,0,.12));
      border: 1px solid rgba(180,69,141,.18);
    }
    .content-band h4 { font-family: var(--sans); margin: 0 0 12px; font-size: 16px; }
    .content-band ul { grid-template-columns: 1fr; }

    .compare-shell {
      overflow: hidden;
      border-radius: 30px 0 30px 30px;
      border: 1px solid rgba(8,47,39,.12);
      box-shadow: 0 18px 48px rgba(0,46,35,.07);
      background: #fff;
    }
    .compare-scroll { overflow-x: auto; }
    table { width: 100%; border-collapse: collapse; min-width: 760px; font-size: 14px; }
    thead th {
      font-family: var(--sans);
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .08em;
      color: #fff;
      background: var(--deep);
      padding: 20px 18px;
      text-align: center;
    }
    thead th:first-child { text-align: left; }
    thead th:nth-child(2) { box-shadow: inset 0 5px 0 var(--lime); }
    thead th:nth-child(3) { box-shadow: inset 0 5px 0 var(--blue); }
    thead th:nth-child(4) { box-shadow: inset 0 5px 0 var(--orange); }
    tbody td { padding: 16px 18px; border-bottom: 1px solid rgba(8,47,39,.08); text-align: center; }
    tbody td:first-child { text-align: left; font-weight: 500; color: rgba(8,27,23,.78); }
    tbody tr:nth-child(even) td { background: rgba(8,47,39,.025); }
    .yes { font-weight: 800; color: var(--green); }
    .dash { color: rgba(8,27,23,.34); }

    .conditions {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 28px;
      align-items: start;
    }
    .conditions-copy { padding-right: 24px; }
    .conditions-copy p { color: rgba(8,27,23,.72); }
    .ops-card {
      background: var(--deep);
      color: #fff;
      padding: 34px;
      border-radius: 30px 0 30px 30px;
      position: relative;
      overflow: hidden;
      min-height: 100%;
    }
    .ops-card::after {
      content: "";
      position: absolute;
      width: 240px;
      height: 240px;
      right: -74px;
      bottom: -88px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(68,214,44,.42), transparent 66%);
    }
    .ops-card h3 { font-family: var(--sans); font-size: 28px; margin: 0 0 18px; position: relative; z-index: 2; }
    .ops-card ul { margin: 0; padding-left: 18px; color: rgba(255,255,255,.76); position: relative; z-index: 2; }
    .ops-card li + li { margin-top: 9px; }

    .closing { padding: 70px 0 88px; }
    .closing-card {
      position: relative;
      overflow: hidden;
      background: linear-gradient(115deg, #071814, #08392f 58%, #0d5b42 100%);
      border-radius: 38px 0 38px 38px;
      color: #fff;
      padding: 46px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 34px;
      align-items: center;
      box-shadow: 0 24px 70px rgba(0,46,35,.18);
    }
    .closing-card::before { content: ""; position: absolute; left: 0; bottom: 0; width: 210px; height: 8px; background: linear-gradient(90deg,var(--lime),var(--blue),var(--orange),var(--pink)); }
    .closing-card .tiny { text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-family: var(--sans); color: var(--lime-soft); }
    .closing-card h2 { color: #fff; margin: 8px 0 10px; font-size: clamp(34px,4vw,52px); }
    .closing-card p { margin: 0; color: rgba(255,255,255,.72); max-width: 720px; }
    .seal { width: 128px; height: 128px; border-radius: 28px 0 28px 28px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); display: grid; place-items: center; }
    .seal img { width: 92px; height: 92px; object-fit: cover; border-radius: 22px; }

    .print-btn {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 60;
      border: 0;
      border-radius: 999px;
      padding: 13px 18px;
      background: var(--lime);
      color: #071814;
      font: 700 13px/1 var(--sans);
      cursor: pointer;
      box-shadow: 0 14px 34px rgba(0,0,0,.18);
    }
    .print-btn:hover { transform: translateY(-1px); }

    @media (max-width: 980px) {
      .hero-grid, .conditions, .closing-card { grid-template-columns: 1fr; }
      .hero-note { max-width: 560px; }
      .snapshot { grid-template-columns: repeat(2, 1fr); }
      .packages { grid-template-columns: 1fr; }
      .package.featured { transform: none; }
      .package .desc { min-height: 0; }
      .seal { display: none; }
    }
    @media (max-width: 640px) {
      .wrap { width: min(100% - 24px, 1180px); }
      .top-meta { display: none; }
      .brand img { width: 176px; }
      .hero { padding: 54px 0 58px; border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; }
      .hero h1 { font-size: clamp(46px, 16vw, 72px); }
      .hero-grid { gap: 34px; }
      .snapshot { grid-template-columns: 1fr 1fr; }
      .snap { padding: 18px; min-height: 112px; }
      .snap strong { font-size: 26px; }
      .section { padding: 58px 0; }
      .package-inner { padding: 24px; }
      .closing-card { padding: 32px 26px; }
      .print-btn { right: 14px; bottom: 14px; }
    }

    @media print {
      @page { size: A4; margin: 12mm; }
      body { background: #fff; }
      body::before, .print-btn { display: none !important; }
      .topbar { position: static; background: var(--deep); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
      .hero { border-radius: 0; padding: 34px 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
      .section { padding: 34px 0; }
      .packages { grid-template-columns: 1fr; }
      .package { break-inside: avoid; box-shadow: none; margin-bottom: 12px; }
      .package.featured { transform: none; }
      .snapshot { grid-template-columns: repeat(4,1fr); }
      .compare-shell, .ops-card, .closing-card { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
      .closing { padding: 30px 0 0; }
      .topbar, .hero, .closing-card { page-break-inside: avoid; }
    }


    /* =========================================================
       DARK PREMIUM — INTERMED CO
       Refinamento visual sobre a identidade Camar Sports
       ========================================================= */
    :root {
      --lime: #44D62C;
      --lime-soft: #A9D98B;
      --green: #0B6A49;
      --green-2: #093C31;
      --deep: #071411;
      --ink: #F4F8F4;
      --cream: #DDE6DF;
      --white: #FFFFFF;
      --blue: #537CB7;
      --orange: #FFAA17;
      --pink: #C65A9E;
      --line: rgba(255,255,255,.09);
      --shadow: 0 26px 90px rgba(0,0,0,.44);
    }

    html { background: #050A09; }
    body {
      color: #F5F8F5;
      background:
        radial-gradient(circle at 16% -5%, rgba(68,214,44,.13), transparent 25%),
        radial-gradient(circle at 86% 16%, rgba(0,82,50,.16), transparent 26%),
        radial-gradient(circle at 60% 72%, rgba(66,109,169,.05), transparent 28%),
        linear-gradient(180deg, #050A09 0%, #07110F 46%, #040807 100%);
    }
    body::before {
      opacity: .055;
      mix-blend-mode: soft-light;
    }

    .topbar {
      background: rgba(4,10,8,.82);
      border-bottom-color: rgba(255,255,255,.07);
      box-shadow: 0 10px 34px rgba(0,0,0,.16);
    }
    .brand img {
      box-shadow: none;
    }
    .top-meta { color: rgba(255,255,255,.58); }

    .hero {
      background:
        radial-gradient(circle at 12% 20%, rgba(68,214,44,.16), transparent 32%),
        radial-gradient(circle at 84% 10%, rgba(68,214,44,.08), transparent 22%),
        linear-gradient(118deg, #050A09 0%, #071611 45%, #0A2A20 100%);
      border-bottom: 1px solid rgba(68,214,44,.16);
      border-bottom-left-radius: 54px;
      border-bottom-right-radius: 54px;
      box-shadow: 0 34px 100px rgba(0,0,0,.38);
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, transparent 0 48%, rgba(255,255,255,.018) 48% 48.12%, transparent 48.12%),
        linear-gradient(0deg, transparent 0 54%, rgba(255,255,255,.014) 54% 54.12%, transparent 54.12%);
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 90%);
    }
    .hero::after { opacity: .045; filter: grayscale(1) brightness(2); }
    .eyebrow { color: rgba(255,255,255,.62); }
    .eyebrow::before {
      height: 3px;
      background: linear-gradient(90deg, var(--lime), rgba(68,214,44,.28));
      box-shadow: 0 0 24px rgba(68,214,44,.28);
    }
    .hero h1 {
      font-size: clamp(48px, 6.5vw, 94px);
      letter-spacing: -.072em;
      text-transform: uppercase;
      text-shadow: 0 18px 60px rgba(0,0,0,.28);
    }
    .hero h1 span {
      color: var(--lime);
      text-transform: lowercase;
      font-style: italic;
      font-family: var(--serif);
      font-weight: 700;
      letter-spacing: -.04em;
    }
    .hero-sub { color: rgba(255,255,255,.66); }
    .hero-note {
      border-color: rgba(255,255,255,.11);
      background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
        rgba(5,12,10,.38);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 22px 60px rgba(0,0,0,.24);
    }
    .hero-note .label { color: rgba(169,217,139,.85); }

    .section-label { color: var(--lime-soft); opacity: .88; }
    .section h2 { color: #F4F8F4; }
    .lede { color: rgba(235,243,237,.63); }

    .snap {
      border-color: rgba(255,255,255,.07);
      background:
        linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.014)),
        rgba(6,15,12,.72);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 46px rgba(0,0,0,.18);
    }
    .snap strong { color: #FFFFFF; }
    .snap span { color: rgba(235,243,237,.52); }

    .packages { gap: 22px; }
    .package {
      background:
        radial-gradient(circle at 95% 3%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 24%),
        linear-gradient(160deg, rgba(255,255,255,.052), rgba(255,255,255,.018) 48%, rgba(255,255,255,.025)),
        #07110F;
      border-color: rgba(255,255,255,.075);
      box-shadow: 0 22px 72px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
    }
    .package::before { height: 5px; background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 24%, transparent)); }
    .package.featured {
      box-shadow: 0 34px 100px rgba(0,0,0,.44), 0 0 0 1px rgba(68,214,44,.08);
      border-color: rgba(83,124,183,.22);
    }
    .option-number { color: rgba(255,255,255,.38); }
    .badge {
      background: color-mix(in srgb, var(--accent) 13%, rgba(255,255,255,.03));
      color: rgba(255,255,255,.85);
      border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent);
    }
    .package h3, .price strong, .subhead { color: #FFFFFF; }
    .price small { color: rgba(255,255,255,.52); }
    .package .desc { color: rgba(235,243,237,.58); }
    .package li { color: rgba(235,243,237,.72); }
    .package .semis {
      color: rgba(240,246,241,.75);
      background: linear-gradient(135deg, rgba(255,255,255,.035), color-mix(in srgb, var(--accent) 7%, transparent));
      border-color: rgba(255,255,255,.065);
    }
    .best-for {
      border-top-color: rgba(255,255,255,.07);
      color: rgba(235,243,237,.48);
    }
    .content-band {
      background: linear-gradient(135deg, rgba(198,90,158,.085), rgba(255,170,23,.065));
      border-color: rgba(198,90,158,.13);
    }
    .content-band h4 { color: #FFFFFF; }

    .compare-shell {
      border-color: rgba(255,255,255,.075);
      background: #07110F;
      box-shadow: 0 24px 76px rgba(0,0,0,.28);
    }
    thead th { background: #050B09; color: rgba(255,255,255,.86); border-bottom: 1px solid rgba(255,255,255,.07); }
    tbody td { color: rgba(235,243,237,.66); border-bottom-color: rgba(255,255,255,.055); }
    tbody td:first-child { color: rgba(244,248,244,.78); }
    tbody tr:nth-child(even) td { background: rgba(255,255,255,.018); }
    .yes { color: var(--lime); }
    .dash { color: rgba(255,255,255,.20); }

    .conditions-copy p { color: rgba(235,243,237,.62); }
    .ops-card {
      background:
        radial-gradient(circle at 100% 100%, rgba(68,214,44,.10), transparent 30%),
        linear-gradient(150deg, #081813, #06100D);
      border: 1px solid rgba(255,255,255,.075);
      box-shadow: 0 24px 72px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
    }
    .ops-card::after { opacity: .55; }

    .closing-card {
      background:
        radial-gradient(circle at 86% 28%, rgba(68,214,44,.13), transparent 25%),
        linear-gradient(115deg, #050A09, #071611 58%, #0A2A20 100%);
      border: 1px solid rgba(255,255,255,.07);
      box-shadow: 0 28px 90px rgba(0,0,0,.38);
    }
    .closing-card::before { height: 5px; background: linear-gradient(90deg,var(--lime),rgba(68,214,44,.18),transparent 74%); }
    .closing-card .tiny { color: var(--lime-soft); }
    .seal { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.035); }

    .print-btn {
      background: linear-gradient(135deg, #59E342, #37C823);
      color: #041008;
      box-shadow: 0 16px 44px rgba(0,0,0,.40), 0 0 0 1px rgba(255,255,255,.07);
    }

    @media print {
      body {
        color: #F5F8F5;
        background: #050A09 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }
      .section h2, .package h3, .price strong, .subhead { color: #FFFFFF !important; }
      .lede, .conditions-copy p, .package li, .package .desc { color: rgba(235,243,237,.70) !important; }
      .package, .snap, .compare-shell { background: #07110F !important; }
    }