.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS */:root {
      --orange: #f58220;
      --orange-dark: #d86f14;
      --charcoal: #333333;
      --grey: #666666;
      --light-grey: #f4f4f4;
      --border: #dddddd;
      --white: #ffffff;
    }
 
    * {
      box-sizing: border-box;
    }
 
    .hero {
      background: linear-gradient(135deg, var(--charcoal), #555555);
      color: var(--white);
      padding: 42px 54px;
      position: relative;
      overflow: hidden;
    }
 
    .hero:after {
      content: "";
      position: absolute;
      right: -80px;
      top: -80px;
      width: 280px;
      height: 280px;
      background: var(--orange);
      border-radius: 50%;
      opacity: 0.9;
    }
 
    .brand {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 42px;
      position: relative;
      z-index: 2;
    }
 
    .brand-mark {
      width: 56px;
      height: 56px;
      border-radius: 14px;
      background: var(--orange);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 26px;
      color: #ffffff;
      letter-spacing: -2px;
    }
 
    .brand-text strong {
      display: block;
      font-size: 22px;
      letter-spacing: 0.2px;
    }
 
    .brand-text span {
      color: #dddddd;
      font-size: 13px;
    }
 
    .hero h1 {
      margin: 0;
      font-size: 42px;
      line-height: 1.1;
      color: #eeeeee;
      max-width: 760px;
      position: relative;
      z-index: 2;
    }
 
    .hero p {
      font-size: 18px;
      max-width: 750px;
      color: #eeeeee;
      position: relative;
      z-index: 2;
    }
 
    .meta {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 30px;
      position: relative;
      z-index: 2;
    }
 
    .meta div {
      background: rgba(255,255,255,0.1);
      border: 1px solid rgba(255,255,255,0.18);
      border-radius: 12px;
      padding: 14px 16px;
    }
 
    .meta span {
      display: block;
      color: #dddddd;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.7px;
    }
 
    .meta strong {
      font-size: 16px;
    }
 
    .content {
      padding: 48px 54px 64px;
    }
 
    .section {
      margin-bottom: 42px;
    }
 
    h2 {
      font-size: 28px;
      color: var(--charcoal);
      margin: 0 0 18px;
      padding-bottom: 10px;
      border-bottom: 3px solid var(--orange);
      display: inline-block;
    }
 
    h3 {
      margin: 24px 0 8px;
      font-size: 20px;
      color: var(--charcoal);
    }
 
    .highlight-box {
      background: #fff7ef;
      border-left: 5px solid var(--orange);
      border-radius: 10px;
      padding: 20px 22px;
      margin: 22px 0;
    }
 
    .cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 20px;
    }
 
    .card {
      background: var(--light-grey);
      border-radius: 14px;
      padding: 20px;
      border: 1px solid var(--border);
    }
 
    .card h3 {
      margin-top: 0;
      color: var(--orange-dark);
    }
 
    ul {
      padding-left: 22px;
    }
 
    li {
      margin-bottom: 8px;
    }
 
    table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0 8px;
      font-size: 14px;
    }
 
    th {
      background: var(--charcoal);
      color: var(--white);
      text-align: left;
      padding: 12px;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.4px;
    }
 
    td {
      border-bottom: 1px solid var(--border);
      padding: 12px;
      vertical-align: top;
    }
 
    tr:nth-child(even) td {
      background: #fafafa;
    }
 
    .total-row td {
      background: #fff0e2 !important;
      font-weight: 700;
      color: var(--charcoal);
    }
 
    .price {
      white-space: nowrap;
      font-weight: 700;
    }
 
    .note {
      font-size: 13px;
      color: var(--grey);
      margin-top: 10px;
    }
 
    .outcomes {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }
 
    .outcome {
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 16px 18px;
      background: #ffffff;
    }
 
    .outcome strong {
      color: var(--orange-dark);
    }
 
    .footer {
      background: var(--charcoal);
      color: #dddddd;
      padding: 26px 54px;
      font-size: 13px;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
    }
 
    .footer strong {
      color: var(--white);
    }
 
    .pill {
      display: inline-block;
      background: var(--orange);
      color: #ffffff;
      padding: 6px 12px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 12px;
      text-transform: uppercase;
      letter-spacing: 0.6px;
    }
 
    @media print {
      body { background: white; }
      .page { box-shadow: none; }
      .hero { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
      th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    }
 
    @media (max-width: 800px) {
      .hero, .content, .footer { padding: 28px; }
      .meta, .cards, .outcomes { grid-template-columns: 1fr; }
      .hero h1 { font-size: 32px; }
      table { font-size: 12px; }
    }/* End custom CSS */