body {
  margin: 0;
  padding: 0;
  background-color: #e5e5e5;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* Tablet-only layout (768px–1439px).
   The original file is a fixed, absolutely-positioned 1440px export.  At
   tablet widths, restore the same content to normal document flow and retain
   the desktop rules unchanged from 1440px upward. */
@media (min-width: 768px) and (max-width: 1439px) {
  body {
    background-color: #fff;
    overflow-x: hidden;
  }

  .node-1636-737 {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .node-1636-737 [class^="node-1636-"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100%;
  }

  .node-1636-737 > div[class^="node-1636-"] {
    width: 100% !important;
    padding: 64px 48px;
  }

  .node-1636-370 { padding: 26px 48px !important; }
  .node-1636-371,
  .node-1636-408,
  .node-1636-422,
  .node-1636-438,
  .node-1636-459,
  .node-1636-487,
  .node-1636-497,
  .node-1636-513,
  .node-1636-527,
  .node-1636-572,
  .node-1636-618,
  .node-1636-654,
  .node-1636-698,
  .node-1636-732 {
    width: min(100%, 1120px) !important;
    margin: 0 auto;
  }

  .node-1636-371,
  .node-1636-373,
  .node-1636-374,
  .node-1636-381,
  .node-1636-384,
  .node-1636-416,
  .node-1636-503,
  .node-1636-533,
  .node-1636-555,
  .node-1636-583,
  .node-1636-628,
  .node-1636-644,
  .node-1636-704,
  .node-1636-732 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .node-1636-371 { align-items: center; justify-content: space-between; }
  .node-1636-737 .node-1636-372 {
    width: 340px !important;
    height: 39px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
  }
  .node-1636-373 { align-items: center; justify-content: flex-end; }
  .node-1636-374,
  .node-1636-381,
  .node-1636-384 { align-items: center; }
  .node-1636-384 { flex-wrap: nowrap; gap: 6px; }

  .node-1636-737 .node-1636-377,
  .node-1636-737 .node-1636-385,
  .node-1636-737 .node-1636-390,
  .node-1636-737 .node-1636-395,
  .node-1636-737 .node-1636-400 { width: 46px !important; height: 50px !important; }
  .node-1636-737 .node-1636-377 { width: 76px !important; }
  .node-1636-405 { width: 170px !important; height: 50px !important; }

  .node-1636-409,
  .node-1636-422,
  .node-1636-438,
  .node-1636-459,
  .node-1636-487,
  .node-1636-513,
  .node-1636-527,
  .node-1636-573,
  .node-1636-618,
  .node-1636-654,
  .node-1636-698,
  .node-1636-704 { display: grid; gap: 32px; }

  .node-1636-409 { gap: 36px; }
  .node-1636-415 { width: 100% !important; }
  .node-1636-416 { justify-content: space-between; align-items: center; }
  .node-1636-419 { width: 220px !important; min-height: 52px !important; display: flex; align-items: center; justify-content: center; }

  .node-1636-414,
  .node-1636-427,
  .node-1636-443,
  .node-1636-464,
  .node-1636-492,
  .node-1636-502,
  .node-1636-519,
  .node-1636-532,
  .node-1636-579,
  .node-1636-625,
  .node-1636-659,
  .node-1636-701 {
    width: auto !important;
    font-size: clamp(42px, 5.7vw, 58px);
    line-height: 1.18;
  }
  .node-1636-413,
  .node-1636-426,
  .node-1636-442,
  .node-1636-463,
  .node-1636-491,
  .node-1636-501,
  .node-1636-518,
  .node-1636-531,
  .node-1636-578,
  .node-1636-624,
  .node-1636-658,
  .node-1636-700 { margin-top: 14px !important; }

  .node-1636-444,
  .node-1636-465 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .node-1636-445,
  .node-1636-451,
  .node-1636-466,
  .node-1636-471,
  .node-1636-476,
  .node-1636-481 { min-height: 240px !important; padding: 32px !important; display: grid; align-content: start; gap: 20px; }
  .node-1636-438 > .node-1636-456 { margin-top: 32px !important; }

  .node-1636-513 { grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr); align-items: center; }
  .node-1636-525 { width: 100% !important; height: 360px !important; background-size: cover; background-position: center; }

  .node-1636-533,
  .node-1636-534,
  .node-1636-555 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: 100% !important; }
  .node-1636-535,
  .node-1636-540,
  .node-1636-545,
  .node-1636-550,
  .node-1636-556,
  .node-1636-561,
  .node-1636-566 { min-height: 190px !important; padding: 28px !important; display: grid; align-content: start; gap: 18px; }
  .node-1636-555 { margin-top: 20px; }

  .node-1636-572 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .75fr); gap: 40px; align-items: start; }
  .node-1636-573 { display: grid; gap: 28px; }
  .node-1636-583 { display: grid; gap: 18px; }
  .node-1636-584,
  .node-1636-590,
  .node-1636-596 { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 14px; align-items: start; }
  .node-1636-602 { padding: 28px !important; background-color: rgba(10, 10, 10, 1); }
  .node-1636-603,
  .node-1636-604,
  .node-1636-605 { display: grid; gap: 16px; }
  .node-1636-606 { width: max-content !important; padding: 5px 9px !important; background-color: rgba(102, 102, 102, 1); }
  .node-1636-608 { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: baseline; }
  .node-1636-615 { width: 100% !important; min-height: 52px !important; display: flex; align-items: center; justify-content: center; }

  .node-1636-628 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .node-1636-629,
  .node-1636-634,
  .node-1636-639 { min-height: 190px !important; padding: 28px !important; }
  .node-1636-639 { grid-column: 1 / -1; width: calc((100% - 20px) / 2) !important; justify-self: center; }
  .node-1636-644 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .node-1636-646,
  .node-1636-650 { width: 100% !important; height: 260px !important; background-size: contain; background-repeat: no-repeat; background-position: center; }
  .node-1636-647,
  .node-1636-651 { text-align: center; }

  .custom-faq-list { position: static; width: 100%; margin-top: 0; }
  .node-1636-697,
  .node-1636-698,
  .node-1636-699,
  .node-1636-704,
  .node-1636-705 { display: grid; justify-items: center; text-align: center; width: 100% !important; }
  .node-1636-702 { width: min(360px, 100%) !important; min-height: 54px !important; display: flex; align-items: center; justify-content: center; }
  .node-1636-708 { display: grid; grid-template-columns: repeat(4, 60px); gap: 10px; justify-content: center; }
  .node-1636-709,
  .node-1636-714,
  .node-1636-719,
  .node-1636-724 { display: grid; grid-template-rows: 56px auto; gap: 6px; width: 60px !important; }
  .node-1636-710,
  .node-1636-715,
  .node-1636-720,
  .node-1636-725 { width: 60px !important; height: 56px !important; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(102, 102, 102, 1); }
  .node-1636-711,
  .node-1636-716,
  .node-1636-721,
  .node-1636-726,
  .node-1636-713,
  .node-1636-718,
  .node-1636-723,
  .node-1636-728 { width: 100% !important; text-align: center; }
  .node-1636-731 { padding: 32px 48px !important; }
  .node-1636-732 { display: flex; justify-content: space-between; align-items: center; }
}
* {
  box-sizing: border-box;
}

.node-1636-737 {
  /* Frame 2149 */
  position: relative;
  margin: 0 auto;
  width: 1440px;
  height: 8524px;
  overflow: hidden;
  background-color: #fff;
}

.node-1636-370 {
  /* Frame 2135 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1440px;
  height: 110px;
  background-color: rgba(255, 255, 253, 1);
}

.node-1636-371 {
  /* Frame 696 */
  position: absolute;
  left: 80px;
  top: 30px;
  width: 1280px;
  height: 50px;
}

.node-1636-372 {
  /* Black logo - no background 2 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 440px;
  height: 50px;
  background-color: transparent;
  background-image: url('assets/Black logo - no background.png');
  background-size: cover;
  background-position: center;
}

.node-1636-373 {
  /* Frame 695 */
  position: absolute;
  left: 530px;
  top: 0px;
  width: 750px;
  height: 50px;
}

.node-1636-374 {
  /* Frame 686 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 252px;
  height: 50px;
}

.node-1636-375 {
  /* Frame 683 */
  position: absolute;
  left: 0px;
  top: 11.5px;
  width: 64px;
  height: 27px;
}

.node-1636-376 {
  /* Pre-sale */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 64px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-377 {
  /* Frame 684 */
  position: absolute;
  left: 74px;
  top: 0px;
  width: 70px;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-378 {
  /* $199 */
  position: absolute;
  left: 6px;
  top: 5.5px;
  width: 58px;
  height: 39px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 39px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-379 {
  /* Frame 685 */
  position: absolute;
  left: 154px;
  top: 11.5px;
  width: 98px;
  height: 27px;
}

.node-1636-380 {
  /* $249 regular */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 98px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  text-decoration: line-through;
  color: rgba(31, 31, 31, 1);
}

.node-1636-381 {
  /* Frame 694 */
  position: absolute;
  left: 292px;
  top: 0px;
  width: 254px;
  height: 50px;
}

.node-1636-382 {
  /* Frame 683 */
  position: absolute;
  left: 0px;
  top: 11.5px;
  width: 66px;
  height: 27px;
}

.node-1636-383 {
  /* Time left */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 66px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-384 {
  /* Frame 693 */
  position: absolute;
  left: 76px;
  top: 0px;
  width: 178px;
  height: 50px;
}

.node-1636-385 {
  /* Frame 689 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-386 {
  /* Frame 688 */
  position: absolute;
  left: 0px;
  top: 2.5px;
  width: 40px;
  height: 27px;
}

.node-1636-387 {
  /* 16 */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 40px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-388 {
  /* Frame 687 */
  position: absolute;
  left: 0px;
  top: 29.5px;
  width: 40px;
  height: 18px;
}

.node-1636-389 {
  /* DAYS */
  position: absolute;
  left: 4.5px;
  top: 0.0px;
  width: 31px;
  height: 18px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 18px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-390 {
  /* Frame 690 */
  position: absolute;
  left: 46px;
  top: 0px;
  width: 40px;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-391 {
  /* Frame 688 */
  position: absolute;
  left: 0px;
  top: 2.5px;
  width: 40px;
  height: 27px;
}

.node-1636-392 {
  /* 07 */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 40px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-393 {
  /* Frame 687 */
  position: absolute;
  left: 0px;
  top: 29.5px;
  width: 40px;
  height: 18px;
}

.node-1636-394 {
  /* HRS */
  position: absolute;
  left: 7.5px;
  top: 0.0px;
  width: 25px;
  height: 18px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 18px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-395 {
  /* Frame 691 */
  position: absolute;
  left: 92px;
  top: 0px;
  width: 40px;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-396 {
  /* Frame 688 */
  position: absolute;
  left: 0px;
  top: 2.5px;
  width: 40px;
  height: 27px;
}

.node-1636-397 {
  /* 06 */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 40px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-398 {
  /* Frame 687 */
  position: absolute;
  left: 0px;
  top: 29.5px;
  width: 40px;
  height: 18px;
}

.node-1636-399 {
  /* MIN */
  position: absolute;
  left: 8.5px;
  top: 0.0px;
  width: 23px;
  height: 18px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 18px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-400 {
  /* Frame 692 */
  position: absolute;
  left: 138px;
  top: 0px;
  width: 40px;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-401 {
  /* Frame 688 */
  position: absolute;
  left: 0px;
  top: 2.5px;
  width: 40px;
  height: 27px;
}

.node-1636-402 {
  /* 26 */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 40px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-403 {
  /* Frame 687 */
  position: absolute;
  left: 0px;
  top: 29.5px;
  width: 40px;
  height: 18px;
}

.node-1636-404 {
  /* SEC */
  position: absolute;
  left: 8px;
  top: 0.0px;
  width: 24px;
  height: 18px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 18px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-405 {
  /* Frame 47 */
  position: absolute;
  left: 586px;
  top: 0px;
  width: 164px;
  height: 50px;
  background-color: rgba(255, 255, 253, 1);
  border: 2px solid rgba(255, 36, 0, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.node-1636-406 {
  /* Pre-order now */
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(255, 36, 0, 1);
}

.node-1636-407 {
  /* Frame 2136 */
  position: absolute;
  left: 0px;
  top: 110px;
  width: 1440px;
  height: 669px;
  background-color: rgba(31, 31, 31, 1);
}

.node-1636-408 {
  /* Frame 741 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 549px;
}

.node-1636-409 {
  /* Frame 740 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 412px;
}

.node-1636-410 {
  /* Frame 701 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 412px;
}

.node-1636-411 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 411px;
  height: 27px;
}

.node-1636-412 {
  /* ONLINE COURSE FOR AUDIO PRODUCT TEAMS */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 411px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-413 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 585px;
  height: 300px;
}

.node-1636-414 {
  /* Spending 80% of your day with Jira and Slack? Get half your time back */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 300px;
  font-family: 'Futura', sans-serif;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 75px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-415 {
  /* Zrzut ekranu 2026-07-15 o 16.54.06 1 */
  position: absolute;
  left: 645px;
  top: 28.5px;
  width: 635px;
  height: 355px;
  border: 1px solid rgba(0, 0, 0, 1);
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-416 {
  /* Frame 739 */
  position: absolute;
  left: 0px;
  top: 367px;
  width: 341px;
  height: 107px;
}

.node-1636-417 {
  /* Frame 700 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 450px;
  height: 27px;
}

.node-1636-418 {
  /* Go from ChatGPT user to agentic AI builder. */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 450px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-419 {
  /* Frame 47 */
  position: absolute;
  left: 0px;
  top: 57px;
  width: 164px;
  height: 50px;
  background-color: transparent;
  border: 2px solid rgba(255, 36, 0, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.node-1636-420 {
  /* Pre-order now */
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(255, 36, 0, 1);
}

.node-1636-421 {
  /* Frame 2137 */
  position: absolute;
  left: 0px;
  top: 779px;
  width: 1440px;
  height: 480px;
  background-color: rgba(255, 255, 253, 1);
}

.node-1636-422 {
  /* Frame 712 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 360px;
}

.node-1636-423 {
  /* Frame 711 */
  position: absolute;
  left: 0px;
  top: 41.5px;
  width: 585px;
  height: 277px;
}

.node-1636-424 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 236px;
  height: 27px;
}

.node-1636-425 {
  /* DO YOU RECOGNISE THIS? */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 236px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-426 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37.0px;
  width: 585px;
  height: 240px;
}

.node-1636-427 {
  /* ChatGPT can answer a prompt, but it cannot see product data and daily challenges */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 585px;
  height: 240px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-428 {
  /* Frame 710 */
  position: absolute;
  left: 645px;
  top: 0px;
  width: 635px;
  height: 360px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.node-1636-429 {
  /* Frame 706 */
  position: static;
  width: 635px;
  height: auto;
}

.node-1636-430 {
  /* How often do you paste one Jira ticket, user comment, spreadsheet, or research note into ChatGPT, ask for help, then copy the answer back into another tool? */
  position: static;
  width: 635px;
  height: auto;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-431 {
  /* Frame 707 */
  position: static;
  width: 635px;
  height: auto;
}

.node-1636-432 {
  /* That can save a little time, but it is still manual. ChatGPT does not know your company, product, users, team process, or sources unless you keep adding that context yourself. Once chat is overloaded it will hallucinate a lot. */
  position: static;
  width: 635px;
  height: auto;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-433 {
  /* Frame 708 */
  position: static;
  width: 635px;
  height: auto;
}

.node-1636-434 {
  /* Now imagine that AI is connected to all your systems, knows your processes inside out, can execute them at the push of the button and provide personalised help. */
  position: static;
  width: 635px;
  height: auto;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-435 {
  /* Frame 709 */
  position: static;
  width: 433px;
  height: auto;
}

.node-1636-436 {
  /* This course will teach you how to create such a system. */
  position: static;
  width: 433px;
  height: auto;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-437 {
  /* Frame 2138 */
  position: absolute;
  left: 0px;
  top: 1259px;
  width: 1440px;
  height: 778px;
  background-color: rgba(31, 31, 31, 1);
}

.node-1636-438 {
  /* Frame 723 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 658px;
}

.node-1636-439 {
  /* Frame 720 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 157px;
}

.node-1636-440 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 193px;
  height: 27px;
}

.node-1636-441 {
  /* WHAT YOU WILL GET? */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 193px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-442 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 1280px;
  height: 120px;
}

.node-1636-443 {
  /* Bring your disconnected tools together in an AI-powered management system */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 120px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-444 {
  /* Frame 722 */
  position: absolute;
  left: 0px;
  top: 217px;
  width: 1280px;
  height: 261px;
}

.node-1636-445 {
  /* Frame 721 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 261px;
  background-color: rgba(10, 10, 10, 1);
  border: 1px solid rgba(0, 0, 0, 1);
}

.node-1636-446 {
  /* Frame 700 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 585px;
  height: 36px;
}

.node-1636-447 {
  /* Frame 717 */
  position: absolute;
  left: 60px;
  top: 0px;
  width: 465px;
  height: 36px;
}

.node-1636-448 {
  /* Radically increase your productivity */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 465px;
  height: 36px;
  font-family: 'Futura', sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 36px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-449 {
  /* Frame 717 */
  position: absolute;
  left: 0px;
  top: 96px;
  width: 585px;
  height: 135px;
}

.node-1636-450 {
  /* Stop rebuilding context and moving information between tools by hand. Your complete AI Product Management OS brings workflows, memory, tools and templates into one system, turning hours of repetitive product work into minutes. */
  position: absolute;
  left: 60px;
  top: 0px;
  width: 465px;
  height: 135px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-451 {
  /* Frame 719 */
  position: absolute;
  left: 695px;
  top: 0px;
  width: 585px;
  height: 261px;
  background-color: rgba(10, 10, 10, 1);
  border: 1px solid rgba(0, 0, 0, 1);
}

.node-1636-452 {
  /* Frame 714 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 585px;
  height: 36px;
}

.node-1636-453 {
  /* Make better product decisions */
  position: absolute;
  left: 60px;
  top: 0px;
  width: 465px;
  height: 36px;
  font-family: 'Futura', sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 36px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-454 {
  /* Frame 715 */
  position: absolute;
  left: 0px;
  top: 96px;
  width: 585px;
  height: 135px;
}

.node-1636-455 {
  /* Base decisions on evidence instead of fragmented snapshots. Your system collects, organises and analyses product data, user feedback, research and delivery signals so you can spot patterns earlier and act with greater confidence. */
  position: absolute;
  left: 60px;
  top: 0px;
  width: 465px;
  height: 135px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-456 {
  /* Frame 716 */
  position: absolute;
  left: 0px;
  top: 538px;
  width: 1280px;
  height: 120px;
}

.node-1636-457 {
  /* The fact is: in 12 months, professionals who use AI will be 10× ahead of the rest */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 120px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-458 {
  /* Frame 2139 */
  position: absolute;
  left: 0px;
  top: 2037px;
  width: 1440px;
  height: 649px;
  background-color: rgba(255, 255, 253, 1);
}

.node-1636-459 {
  /* Frame 737 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 529px;
}

.node-1636-460 {
  /* Frame 720 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 157px;
}

.node-1636-461 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 188px;
  height: 27px;
}

.node-1636-462 {
  /* HOW WILL WE DO IT? */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 188px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-463 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 1280px;
  height: 120px;
}

.node-1636-464 {
  /* Go from AI basics to a complete agent workflow for product work */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 120px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-465 {
  /* Frame 736 */
  position: absolute;
  left: 0px;
  top: 217px;
  width: 1280px;
  height: 312px;
}

.node-1636-466 {
  /* Frame 732 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 290px;
  height: 312px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-467 {
  /* Frame 717 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-468 {
  /* Set up the right tools */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-469 {
  /* Frame 728 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 162px;
}

.node-1636-470 {
  /* Learn the core concepts behind agentic AI, then set up Visual Studio Code, your LLM subscription, extensions and useful tool connections. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 162px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-471 {
  /* Frame 733 */
  position: absolute;
  left: 330px;
  top: 0px;
  width: 290px;
  height: 312px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-472 {
  /* Frame 725 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-473 {
  /* Build step by step */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-474 {
  /* Frame 729 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 162px;
}

.node-1636-475 {
  /* Move into master prompts, memory files, reusable workflows, Jira integration, skills, sub-agents, guardrails, auditing and CLI basics. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 135px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-476 {
  /* Frame 734 */
  position: absolute;
  left: 660px;
  top: 0px;
  width: 290px;
  height: 312px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-477 {
  /* Frame 726 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-478 {
  /* Use audio product examples */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-479 {
  /* Frame 730 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 162px;
}

.node-1636-480 {
  /* Work with examples shaped around product discovery, user feedback, technical constraints, roadmaps, documentation, Jira and releases. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 162px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-481 {
  /* Frame 735 */
  position: absolute;
  left: 990px;
  top: 0px;
  width: 290px;
  height: 312px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-482 {
  /* Frame 727 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-483 {
  /* Get practical materials */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-484 {
  /* Frame 731 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 162px;
}

.node-1636-485 {
  /* Use exercises, PM templates and AI PM-OS: a ready-to-adapt operating system for agent-based product work. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 108px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-486 {
  /* Frame 2140 */
  position: absolute;
  left: 0px;
  top: 2686px;
  width: 1440px;
  height: 583px;
  background-color: rgba(31, 31, 31, 1);
}

.node-1636-487 {
  /* Frame 745 */
  position: absolute;
  left: 80px;
  top: 153px;
  width: 1280px;
  height: 370px;
}

.node-1636-488 {
  /* Frame 744 */
  position: absolute;
  left: 0px;
  top: 46.5px;
  width: 585px;
  height: 277px;
}

.node-1636-489 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 190px;
  height: 27px;
}

.node-1636-490 {
  /* VOICE OF CUSTUMER */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 190px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-491 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37.0px;
  width: 585px;
  height: 240px;
}

.node-1636-492 {
  /* Taught to audio industry product teams, now available as a self-paced online course */
  position: absolute;
  left: 0px;
  top: 0.0px;
  width: 585px;
  height: 240px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-493 {
  /* Frame 743 */
  position: absolute;
  left: 695px;
  top: 0px;
  width: 585px;
  height: 370px;
  background-color: rgba(10, 10, 10, 1);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.5);
}

.node-1636-494 {
  /* “The AI-Augmented PM Workshop was excellent: very informative, practical and hands-on. During the course, I was already using the tools and applying the workflows in real time”. Gonzalo Maruga Hardware Project Manager (NeuralDSP) */
  position: absolute;
  left: 30px;
  top: 124px;
  width: 525px;
  height: 216px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
.testimonial-quote {
  font-style: italic;
  font-weight: 300;
}
.testimonial-author {
  color: rgba(255, 36, 0, 1);
}

.node-1636-495 {
  /* Gonzalo 2 */
  position: absolute;
  left: 974px;
  top: 60px;
  width: 186px;
  height: 186px;
  border: 1px solid rgba(0, 0, 0, 1);
  background-color: transparent;
  background-image: url('assets/Gonzalo.jpeg');
  background-size: cover;
  background-position: center;
}

.node-1636-496 {
  /* Frame 2141 */
  position: absolute;
  left: 0px;
  top: 3269px;
  width: 1440px;
  height: 487px;
  background-color: rgba(255, 255, 253, 1);
}

.node-1636-497 {
  /* Frame 752 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 367px;
}

.node-1636-498 {
  /* Frame 747 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 97px;
}

.node-1636-499 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  height: 27px;
}

.node-1636-500 {
  /* OUR CLIENTS */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-501 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 1280px;
  height: 60px;
}

.node-1636-502 {
  /* Trusted by people and teams from audio companies */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-503 {
  /* Frame 751 */
  position: absolute;
  left: 0px;
  top: 97px;
  width: 1280px;
  height: 270px;
}

.node-1636-504 {
  /* Frame 749 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 370px;
  height: 270px;
}

.node-1636-505 {
  /* Neural_SP_logo 1 */
  position: absolute;
  left: 50px;
  top: 89px;
  width: 270px;
  height: 152px;
  background-color: transparent;
  background-image: url('assets/Neural_SP_logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-1636-506 {
  /* Frame 750 */
  position: absolute;
  left: 370px;
  top: 0px;
  width: 370px;
  height: 270px;
}

.node-1636-507 {
  /* Krotos 1 */
  position: absolute;
  left: 50px;
  top: 0px;
  width: 270px;
  height: 270px;
  background-color: transparent;
  background-image: url('assets/Krotos_cropped.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-1636-508 {
  /* Frame 748 */
  position: absolute;
  left: 740px;
  top: 0px;
  width: 270px;
  height: 270px;
}

.node-1636-509 {
  /* Source_Elements_Logo 2 */
  position: absolute;
  left: 0px;
  top: 64px;
  width: 270px;
  height: 142px;
  background-color: transparent;
  background-image: url('assets/Source_Elements_Logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-1636-510 {
  /* Frame 520 */
  position: absolute;
  left: 1010px;
  top: 0px;
  width: 270px;
  height: 270px;
}

.node-1636-511 {
  /* Axart Labs */
  position: absolute;
  left: 50px;
  top: 111px;
  width: 170px;
  height: 48px;
  font-family: 'Inter', sans-serif;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 48px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

.node-1636-512 {
  /* Frame 2142 */
  position: absolute;
  left: 0px;
  top: 3756px;
  width: 1440px;
  height: 595px;
  background-color: rgba(31, 31, 31, 1);
}

.node-1636-513 {
  /* Frame 756 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 475px;
}

.node-1636-514 {
  /* Frame 755 */
  position: absolute;
  left: 0px;
  top: 78px;
  width: 635px;
  height: 319px;
}

.node-1636-515 {
  /* Frame 754 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 635px;
  height: 97px;
}

.node-1636-516 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 117px;
  height: 27px;
}

.node-1636-517 {
  /* INSTRUCTOR */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 117px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-518 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 635px;
  height: 60px;
}

.node-1636-519 {
  /* Wojtek Ozimek */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-520 {
  /* Frame 710 */
  position: absolute;
  left: 0px;
  top: 127px;
  width: 635px;
  height: 192px;
}

.node-1636-521 {
  /* Frame 706 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 635px;
  height: 81px;
}

.node-1636-522 {
  /* Wojtek is Founder of Audio Product Academy and a former Technical Program Manager at Avid Pro Tools team, responsible for implementation of agentic across product, project and QA teams. */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 635px;
  height: 81px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-523 {
  /* Frame 707 */
  position: absolute;
  left: 0px;
  top: 111px;
  width: 635px;
  height: 81px;
}

.node-1636-524 {
  /* Previously Head of Product at My3Daudio, former President of Product Development and Management Association Central Europe, teaches product management since 2017. Holder of the prestigious NPDP certificate. */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 635px;
  height: 81px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-525 {
  /* Wojtek 1 */
  position: absolute;
  left: 805px;
  top: 0px;
  width: 475px;
  height: 475px;
  background-color: transparent;
  background-image: url('assets/wojtek-ozimek.jpeg');
  background-size: cover;
  background-position: center;
}

.node-1636-526 {
  /* Frame 2143 */
  position: absolute;
  left: 0px;
  top: 4351px;
  width: 1440px;
  height: 839px;
  background-color: rgba(255, 255, 253, 1);
}

.node-1636-527 {
  /* Frame 774 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 719px;
}

.node-1636-528 {
  /* Frame 747 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 157px;
}

.node-1636-529 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 122px;
  height: 27px;
}

.node-1636-530 {
  /* CURRICULUM */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 122px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-531 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 1280px;
  height: 120px;
}

.node-1636-532 {
  /* A practical path from AI basics to your first agent workflow */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 120px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-533 {
  /* Frame 773 */
  position: absolute;
  left: 0px;
  top: 217px;
  width: 1280px;
  height: 502px;
}

.node-1636-534 {
  /* Frame 736 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 231px;
}

.node-1636-535 {
  /* Frame 732 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 290px;
  height: 231px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-536 {
  /* Frame 717 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-537 {
  /* Introduction */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-538 {
  /* Frame 728 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 81px;
}

.node-1636-539 {
  /* What agentic AI is, browser tools vs. IDEs and the limits of AI. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 81px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-540 {
  /* Frame 733 */
  position: absolute;
  left: 330px;
  top: 0px;
  width: 290px;
  height: 231px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-541 {
  /* Frame 725 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-542 {
  /* AI Fundamentals */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-543 {
  /* Frame 729 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 81px;
}

.node-1636-544 {
  /* Prompting, memory, context, workflows and agent structure. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 81px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-545 {
  /* Frame 734 */
  position: absolute;
  left: 660px;
  top: 0px;
  width: 290px;
  height: 231px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-546 {
  /* Frame 726 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-547 {
  /* Installation of Tools */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-548 {
  /* Frame 730 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 81px;
}

.node-1636-549 {
  /* Visual Studio Code, LLM setup, extensions and MCP server for Jira. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 81px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-550 {
  /* Frame 735 */
  position: absolute;
  left: 990px;
  top: 0px;
  width: 290px;
  height: 231px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-551 {
  /* Frame 727 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-552 {
  /* Setting Up Your Agent */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-553 {
  /* Frame 731 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 81px;
}

.node-1636-554 {
  /* Master prompt, memory files and your first setup exercise. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 54px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-555 {
  /* Frame 772 */
  position: absolute;
  left: 0px;
  top: 271px;
  width: 950px;
  height: 231px;
}

.node-1636-556 {
  /* Frame 732 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 290px;
  height: 231px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-557 {
  /* Frame 717 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-558 {
  /* Prompts and Workflows */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-559 {
  /* Frame 728 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 81px;
}

.node-1636-560 {
  /* Prompts, skills, skills marketplace and reusable workflows. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 81px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-561 {
  /* Frame 733 */
  position: absolute;
  left: 330px;
  top: 0px;
  width: 290px;
  height: 231px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-562 {
  /* Frame 725 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-563 {
  /* Maintenance */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-564 {
  /* Frame 729 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 81px;
}

.node-1636-565 {
  /* Guardrails, auditing and multi-agent setup. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 54px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-566 {
  /* Frame 734 */
  position: absolute;
  left: 660px;
  top: 0px;
  width: 290px;
  height: 231px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-567 {
  /* Frame 726 */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 290px;
  height: 60px;
}

.node-1636-568 {
  /* Advanced Skills */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-569 {
  /* Frame 730 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 290px;
  height: 81px;
}

.node-1636-570 {
  /* Scripting, CLI introduction, AI research, and Playwright-CLI exercise. */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 230px;
  height: 81px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-571 {
  /* Frame 2144 */
  position: absolute;
  left: 0px;
  top: 5190px;
  width: 1440px;
  height: 568px;
  background-color: rgba(31, 31, 31, 1);
}

.node-1636-572 {
  /* Frame 792 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 448px;
}

.node-1636-573 {
  /* Frame 783 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 448px;
}

.node-1636-574 {
  /* Frame 755 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 208px;
}

.node-1636-575 {
  /* Frame 754 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 97px;
}

.node-1636-576 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  height: 27px;
}

.node-1636-577 {
  /* LIMITED TIME */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-578 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 585px;
  height: 60px;
}

.node-1636-579 {
  /* Join now and save $50 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-580 {
  /* Frame 710 */
  position: absolute;
  left: 0px;
  top: 127px;
  width: 585px;
  height: 81px;
}

.node-1636-581 {
  /* Frame 706 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 81px;
}

.node-1636-582 {
  /* Get the full online course, hands-on setup exercises, practical course materials and PM templates for building, reviewing and maintaining your first AI agent workflow. */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 81px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(217, 217, 217, 1);
}

.node-1636-583 {
  /* Frame 782 */
  position: absolute;
  left: 0px;
  top: 268px;
  width: 585px;
  height: 180px;
}

.node-1636-584 {
  /* Frame 779 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 30px;
}

.node-1636-585 {
  /* lock_open */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
}

.node-1636-586 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-587 {
  /* lock_open */
  position: absolute;
  left: 5px;
  top: 1.25px;
  width: 20px;
  height: 26.25px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-588 {
  /* Frame 776 */
  position: absolute;
  left: 46px;
  top: 0px;
  width: 420px;
  height: 30px;
}

.node-1636-589 {
  /* 3 months of access to the online course */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 420px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-590 {
  /* Frame 780 */
  position: absolute;
  left: 0px;
  top: 60px;
  width: 585px;
  height: 30px;
}

.node-1636-591 {
  /* news */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
}

.node-1636-592 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-593 {
  /* news */
  position: absolute;
  left: 3.75px;
  top: 3.75px;
  width: 22.5px;
  height: 22.5px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-594 {
  /* Frame 777 */
  position: absolute;
  left: 46px;
  top: 0px;
  width: 476px;
  height: 30px;
}

.node-1636-595 {
  /* Practical course materials and PM templates */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 476px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-596 {
  /* Frame 781 */
  position: absolute;
  left: 0px;
  top: 120px;
  width: 585px;
  height: 60px;
}

.node-1636-597 {
  /* redeem */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
}

.node-1636-598 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-599 {
  /* redeem */
  position: absolute;
  left: 2.5px;
  top: 2.5px;
  width: 25px;
  height: 23.75px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-600 {
  /* Frame 778 */
  position: absolute;
  left: 46px;
  top: 0px;
  width: 504px;
  height: 60px;
}

.node-1636-601 {
  /* Bonus: AI PM-OS with 4 specialized AI Agents,  10 automated protocols and custom CLI tools */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 504px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-602 {
  /* Frame 791 */
  position: absolute;
  left: 695px;
  top: 0px;
  width: 585px;
  height: 305px;
  background-color: rgba(10, 10, 10, 1);
  border: 1px solid rgba(0, 0, 0, 1);
}

.node-1636-603 {
  /* Frame 790 */
  position: absolute;
  left: 60px;
  top: 30px;
  width: 465px;
  height: 245px;
}

.node-1636-604 {
  /* Frame 789 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 465px;
  height: 165px;
}

.node-1636-605 {
  /* Frame 788 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 465px;
  height: 128px;
}

.node-1636-606 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 89px;
  height: 43px;
  background-color: rgba(102, 102, 102, 1);
}

.node-1636-607 {
  /* Pre-sale */
  position: absolute;
  left: 10px;
  top: 8px;
  width: 69px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-608 {
  /* Frame 786 */
  position: absolute;
  left: 0px;
  top: 53px;
  width: 465px;
  height: 75px;
}

.node-1636-609 {
  /* Frame 784 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 112px;
  height: 75px;
}

.node-1636-610 {
  /* $199 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 112px;
  height: 75px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 75px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-611 {
  /* Frame 785 */
  position: absolute;
  left: 142px;
  top: 24px;
  width: 141px;
  height: 27px;
}

.node-1636-612 {
  /* $249 regular price */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 141px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  text-decoration: line-through;
  color: rgba(255, 255, 253, 1);
}

.node-1636-613 {
  /* Frame 787 */
  position: absolute;
  left: 0px;
  top: 138px;
  width: 90px;
  height: 27px;
}

.node-1636-614 {
  /* Dynamic days-left status */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 90px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-615 {
  /* Frame 47 */
  position: absolute;
  left: 0px;
  top: 195px;
  width: 465px;
  height: 50px;
  border: 2px solid rgba(255, 36, 0, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.node-1636-616 {
  /* Pre-order now */
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 36px;
  text-align: center;
  color: rgba(255, 36, 0, 1);
}

.node-1636-617 {
  /* Frame 2145 */
  position: absolute;
  left: 0px;
  top: 5758px;
  width: 1440px;
  height: 1481px;
  background-color: rgba(255, 255, 253, 1);
}

.node-1636-618 {
  /* Frame 804 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 1361px;
}

.node-1636-619 {
  /* Frame 798 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 404px;
}

.node-1636-620 {
  /* Frame 794 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 214px;
}

.node-1636-621 {
  /* Frame 747 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 157px;
}

.node-1636-622 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 65px;
  height: 27px;
}

.node-1636-623 {
  /* BONUS */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 65px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-624 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 1280px;
  height: 120px;
}

.node-1636-625 {
  /* A ready-to-adapt operating system for agent-based product work */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 120px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-626 {
  /* Frame 706 */
  position: absolute;
  left: 0px;
  top: 187px;
  width: 1280px;
  height: 27px;
}

.node-1636-627 {
  /* The course includes AI PM-OS: a practical setup you can inspect, adapt and use as a starting point for product work with AI agents. */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-628 {
  /* Frame 797 */
  position: absolute;
  left: 0px;
  top: 244px;
  width: 1280px;
  height: 160px;
}

.node-1636-629 {
  /* Frame 732 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 400px;
  height: 160px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-630 {
  /* Frame 717 */
  position: absolute;
  left: 0px;
  top: 31.5px;
  width: 400px;
  height: 60px;
}

.node-1636-631 {
  /* 4 */
  position: absolute;
  left: 85px;
  top: 0.0px;
  width: 230px;
  height: 75px;
  font-family: 'Futura', sans-serif;
  font-size: 50px;
  font-weight: 900;
  letter-spacing: 0px;
  line-height: 75px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-632 {
  /* Frame 728 */
  position: absolute;
  left: 0px;
  top: 101.5px;
  width: 400px;
  height: 27px;
}

.node-1636-633 {
  /* specialized AI Agents */
  position: absolute;
  left: 30px;
  top: 0.0px;
  width: 340px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-634 {
  /* Frame 795 */
  position: absolute;
  left: 440px;
  top: 0px;
  width: 400px;
  height: 160px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-635 {
  /* Frame 717 */
  position: absolute;
  left: 0px;
  top: 31.5px;
  width: 400px;
  height: 60px;
}

.node-1636-636 {
  /* 10 */
  position: absolute;
  left: 85px;
  top: 0.0px;
  width: 230px;
  height: 75px;
  font-family: 'Futura', sans-serif;
  font-size: 50px;
  font-weight: 900;
  letter-spacing: 0px;
  line-height: 75px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-637 {
  /* Frame 728 */
  position: absolute;
  left: 0px;
  top: 101.5px;
  width: 400px;
  height: 27px;
}

.node-1636-638 {
  /* automated protocols */
  position: absolute;
  left: 30px;
  top: 0.0px;
  width: 340px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-639 {
  /* Frame 796 */
  position: absolute;
  left: 880px;
  top: 0px;
  width: 400px;
  height: 160px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.node-1636-640 {
  /* Frame 717 */
  position: absolute;
  left: 0px;
  top: 31.5px;
  width: 400px;
  height: 60px;
}

.node-1636-641 {
  /* CLI */
  position: absolute;
  left: 85px;
  top: 0.0px;
  width: 230px;
  height: 75px;
  font-family: 'Futura', sans-serif;
  font-size: 50px;
  font-weight: 900;
  letter-spacing: 0px;
  line-height: 75px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-642 {
  /* Frame 728 */
  position: absolute;
  left: 0px;
  top: 101.5px;
  width: 400px;
  height: 27px;
}

.node-1636-643 {
  /* custom tools for your IDE workflow */
  position: absolute;
  left: 30px;
  top: 0.0px;
  width: 340px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-644 {
  /* Frame 803 */
  position: absolute;
  left: 0px;
  top: 464px;
  width: 1280px;
  height: 897px;
}

.node-1636-645 {
  /* Frame 801 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 267px;
}

.node-1636-646 {
  /* sub-agrnts 1 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 207px;
  background-color: transparent;
  background-image: url('assets/sub-agrnts.png');
  background-size: cover;
  background-position: center;
}

.node-1636-647 {
  /* Frame 799 */
  position: absolute;
  left: 221.5px;
  top: 237px;
  width: 837px;
  height: 30px;
}

.node-1636-648 {
  /* Specialized agents for product research, planning, documentation and review */
  position: absolute;
  left: 0.0px;
  top: 0px;
  width: 837px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-649 {
  /* Frame 802 */
  position: absolute;
  left: 0px;
  top: 327px;
  width: 1280px;
  height: 570px;
}

.node-1636-650 {
  /* OS Skills 1 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 510px;
  background-color: transparent;
  background-image: url('assets/OS Skills.png');
  background-size: cover;
  background-position: center;
}

.node-1636-651 {
  /* Frame 800 */
  position: absolute;
  left: 159px;
  top: 540px;
  width: 962px;
  height: 30px;
}

.node-1636-652 {
  /* Reusable protocols and CLI tools that turn repeatable PM work into structured workflows */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 962px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(31, 31, 31, 1);
}

.node-1636-653 {
  /* Frame 2146 */
  position: absolute;
  left: 0px;
  top: 7239px;
  width: 1440px;
  height: 550px;
  background-color: rgba(31, 31, 31, 1);
}

.node-1636-654 {
  /* Frame 813 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 430px;
}

.node-1636-655 {
  /* Frame 754 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 97px;
}

.node-1636-656 {
  /* Frame 699 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 36px;
  height: 27px;
}

.node-1636-657 {
  /* FAQ */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 36px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: left;
  color: rgba(255, 36, 0, 1);
}

.node-1636-658 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 37px;
  width: 585px;
  height: 60px;
}

.node-1636-659 {
  /* Before you join */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 585px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-660 {
  /* Frame 812 */
  position: absolute;
  left: 645px;
  top: 0px;
  width: 635px;
  height: 430px;
}

.node-1636-661 {
  /* Frame 806 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 635px;
  height: 50px;
  border: 1px solid rgba(232, 231, 230, 1);
}

.node-1636-662 {
  /* arrow_right */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
}

.node-1636-663 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-664 {
  /* arrow_right */
  position: absolute;
  left: 12.5px;
  top: 8.75px;
  width: 6.25px;
  height: 12.5px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-665 {
  /* Frame 799 */
  position: absolute;
  left: 30px;
  top: 0px;
  width: 245px;
  height: 30px;
}

.node-1636-666 {
  /* Who is this course for? */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 245px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-667 {
  /* Frame 807 */
  position: absolute;
  left: 0px;
  top: 50px;
  width: 635px;
  height: 100px;
  border: 1px solid rgba(232, 231, 230, 1);
}

.node-1636-668 {
  /* arrow_right */
  position: absolute;
  left: 0px;
  top: 35px;
  width: 30px;
  height: 30px;
}

.node-1636-669 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-670 {
  /* arrow_right */
  position: absolute;
  left: 12.5px;
  top: 8.75px;
  width: 6.25px;
  height: 12.5px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-671 {
  /* Frame 799 */
  position: absolute;
  left: 30px;
  top: 20px;
  width: 605px;
  height: 60px;
}

.node-1636-672 {
  /* Do I need to be an AI researcher or machine learning engineer? */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 605px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-673 {
  /* Frame 808 */
  position: absolute;
  left: 0px;
  top: 150px;
  width: 635px;
  height: 70px;
  border: 1px solid rgba(232, 231, 230, 1);
}

.node-1636-674 {
  /* arrow_right */
  position: absolute;
  left: 0px;
  top: 20px;
  width: 30px;
  height: 30px;
}

.node-1636-675 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-676 {
  /* arrow_right */
  position: absolute;
  left: 12.5px;
  top: 8.75px;
  width: 6.25px;
  height: 12.5px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-677 {
  /* Frame 799 */
  position: absolute;
  left: 30px;
  top: 20px;
  width: 395px;
  height: 30px;
}

.node-1636-678 {
  /* Is this only for audio product teams? */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 395px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-679 {
  /* Frame 809 */
  position: absolute;
  left: 0px;
  top: 220px;
  width: 635px;
  height: 70px;
  border: 1px solid rgba(232, 231, 230, 1);
}

.node-1636-680 {
  /* arrow_right */
  position: absolute;
  left: 0px;
  top: 20px;
  width: 30px;
  height: 30px;
}

.node-1636-681 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-682 {
  /* arrow_right */
  position: absolute;
  left: 12.5px;
  top: 8.75px;
  width: 6.25px;
  height: 12.5px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-683 {
  /* Frame 799 */
  position: absolute;
  left: 30px;
  top: 20px;
  width: 533px;
  height: 30px;
}

.node-1636-684 {
  /* What makes this different from a prompt course? */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 533px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-685 {
  /* Frame 810 */
  position: absolute;
  left: 0px;
  top: 290px;
  width: 635px;
  height: 70px;
  border: 1px solid rgba(232, 231, 230, 1);
}

.node-1636-686 {
  /* arrow_right */
  position: absolute;
  left: 0px;
  top: 20px;
  width: 30px;
  height: 30px;
}

.node-1636-687 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-688 {
  /* arrow_right */
  position: absolute;
  left: 12.5px;
  top: 8.75px;
  width: 6.25px;
  height: 12.5px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-689 {
  /* Frame 799 */
  position: absolute;
  left: 30px;
  top: 20px;
  width: 403px;
  height: 30px;
}

.node-1636-690 {
  /* What will I be able to do by the end? */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 403px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-691 {
  /* Frame 811 */
  position: absolute;
  left: 0px;
  top: 360px;
  width: 635px;
  height: 70px;
  border: 1px solid rgba(232, 231, 230, 1);
}

.node-1636-692 {
  /* arrow_right */
  position: absolute;
  left: 0px;
  top: 20px;
  width: 30px;
  height: 30px;
}

.node-1636-693 {
  /* Bounding box */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: rgba(217, 217, 217, 1);
}

.node-1636-694 {
  /* arrow_right */
  position: absolute;
  left: 12.5px;
  top: 8.75px;
  width: 6.25px;
  height: 12.5px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center;
}

.node-1636-695 {
  /* Frame 799 */
  position: absolute;
  left: 30px;
  top: 20px;
  width: 282px;
  height: 30px;
}

.node-1636-696 {
  /* How long do I get access? */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 282px;
  height: 30px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-697 {
  /* Frame 2147 */
  position: absolute;
  left: 0px;
  top: 7789px;
  width: 1440px;
  height: 645px;
  background-color: rgba(255, 255, 253, 1);
}

.node-1636-698 {
  /* Frame 820 */
  position: absolute;
  left: 80px;
  top: 60px;
  width: 1280px;
  height: 525px;
}

.node-1636-699 {
  /* Frame 815 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 230px;
}

.node-1636-700 {
  /* Frame 698 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 120px;
}

.node-1636-701 {
  /* Stop treating AI like a chat, turn it into a personalised assistant */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 120px;
  font-family: 'Futura', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-702 {
  /* Frame 47 */
  position: absolute;
  left: 407.5px;
  top: 180px;
  width: 465px;
  height: 50px;
  border: 2px solid rgba(255, 36, 0, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.node-1636-703 {
  /* Pre-order now */
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 36px;
  text-align: center;
  color: rgba(255, 36, 0, 1);
}

.node-1636-704 {
  /* Frame 819 */
  position: absolute;
  left: 371px;
  top: 290px;
  width: 538px;
  height: 235px;
}

.node-1636-705 {
  /* Frame 818 */
  position: absolute;
  left: 103px;
  top: 0px;
  width: 332px;
  height: 145px;
}

.node-1636-706 {
  /* Frame 817 */
  position: absolute;
  left: 44px;
  top: 0px;
  width: 244px;
  height: 27px;
}

.node-1636-707 {
  /* Pre-sale deadline label */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 244px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-708 {
  /* Frame 693 */
  position: absolute;
  left: 0px;
  top: 57px;
  width: 332px;
  height: 88px;
}

.node-1636-709 {
  /* Frame 689 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 68px;
  height: 88px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-710 {
  /* Frame 688 */
  position: absolute;
  left: 7px;
  top: 3.5px;
  width: 54px;
  height: 54px;
}

.node-1636-711 {
  /* 16 */
  position: absolute;
  left: 0px;
  top: -3.0px;
  width: 54px;
  height: 60px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-712 {
  /* Frame 687 */
  position: absolute;
  left: 7px;
  top: 57.5px;
  width: 54px;
  height: 27px;
}

.node-1636-713 {
  /* DAYS */
  position: absolute;
  left: 4.5px;
  top: 0.0px;
  width: 45px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-714 {
  /* Frame 690 */
  position: absolute;
  left: 88px;
  top: 0px;
  width: 68px;
  height: 88px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-715 {
  /* Frame 688 */
  position: absolute;
  left: 7px;
  top: 3.5px;
  width: 54px;
  height: 54px;
}

.node-1636-716 {
  /* 07 */
  position: absolute;
  left: 0px;
  top: -3.0px;
  width: 54px;
  height: 60px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-717 {
  /* Frame 687 */
  position: absolute;
  left: 7px;
  top: 57.5px;
  width: 54px;
  height: 27px;
}

.node-1636-718 {
  /* HRS */
  position: absolute;
  left: 8.5px;
  top: 0.0px;
  width: 37px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-719 {
  /* Frame 691 */
  position: absolute;
  left: 176px;
  top: 0px;
  width: 68px;
  height: 88px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-720 {
  /* Frame 688 */
  position: absolute;
  left: 7px;
  top: 3.5px;
  width: 54px;
  height: 54px;
}

.node-1636-721 {
  /* 06 */
  position: absolute;
  left: 0px;
  top: -3.0px;
  width: 54px;
  height: 60px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-722 {
  /* Frame 687 */
  position: absolute;
  left: 7px;
  top: 57.5px;
  width: 54px;
  height: 27px;
}

.node-1636-723 {
  /* MIN */
  position: absolute;
  left: 11px;
  top: 0.0px;
  width: 32px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-724 {
  /* Frame 692 */
  position: absolute;
  left: 264px;
  top: 0px;
  width: 68px;
  height: 88px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
}

.node-1636-725 {
  /* Frame 688 */
  position: absolute;
  left: 7px;
  top: 3.5px;
  width: 54px;
  height: 54px;
}

.node-1636-726 {
  /* 26 */
  position: absolute;
  left: 0px;
  top: -3.0px;
  width: 54px;
  height: 60px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 60px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-727 {
  /* Frame 687 */
  position: absolute;
  left: 7px;
  top: 57.5px;
  width: 54px;
  height: 27px;
}

.node-1636-728 {
  /* SEC */
  position: absolute;
  left: 9.5px;
  top: 0.0px;
  width: 35px;
  height: 27px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 27px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-729 {
  /* Frame 816 */
  position: absolute;
  left: 0px;
  top: 175px;
  width: 538px;
  height: 60px;
}

.node-1636-730 {
  /* $199 pre-sale Save $50 before the regular price returns to $249 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 538px;
  height: 60px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: center;
  color: rgba(31, 31, 31, 1);
}

.node-1636-731 {
  /* Frame 2148 */
  position: absolute;
  left: 0px;
  top: 8434px;
  width: 1440px;
  height: 90px;
  background-color: rgba(31, 31, 31, 1);
}

.node-1636-732 {
  /* Frame 2133 */
  position: absolute;
  left: 80px;
  top: 30px;
  width: 1280px;
  height: 30px;
}

.node-1636-733 {
  /* Frame 822 */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 240px;
  height: 30px;
}

.node-1636-734 {
  /* © Audio Product Academy */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 240px;
  height: 30px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: left;
  color: rgba(255, 255, 253, 1);
}

.node-1636-735 {
  /* Frame 2132 */
  position: absolute;
  left: 1175px;
  top: 0px;
  width: 105px;
  height: 30px;
}

.node-1636-736 {
  /* Back to top */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 105px;
  height: 30px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 30px;
  text-align: center;
  color: rgba(255, 255, 253, 1);
}

.custom-faq-list {
  position: absolute;
  left: 645px;
  top: 0px;
  width: 635px;
}
.custom-faq-list details {
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  transition: background 180ms ease, padding 180ms ease;
  background-color: transparent;
  color: rgba(255, 255, 255, 1);
}
.custom-faq-list details:first-child {
  border-top: 1px solid rgba(255, 255, 255, 1);
}
.custom-faq-list summary {
  padding: 21px 0px 21px 0px;
  font-family: 'Futura', sans-serif;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.custom-faq-list details p {
  padding: 0 21px 21px 21px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: rgba(217, 217, 217, 1);
  margin: 0;
}

.text-red {
  color: rgba(255, 36, 0, 1);
}

/* Pre-order button hover states */
.node-1636-405, .node-1636-419, .node-1636-615, .node-1636-702 {
  transition: background-color 0.2s ease, transform 0.1s ease;
  cursor: pointer;
}
.node-1636-406, .node-1636-420, .node-1636-616, .node-1636-703 {
  transition: color 0.2s ease;
}

.node-1636-405:hover, .node-1636-419:hover, .node-1636-615:hover, .node-1636-702:hover {
  background-color: rgba(255, 36, 0, 1) !important;
}

.node-1636-405:hover .node-1636-406, 
.node-1636-419:hover .node-1636-420, 
.node-1636-615:hover .node-1636-616, 
.node-1636-702:hover .node-1636-703 {
  color: rgba(255, 255, 253, 1) !important;
}

/* Mobile-only layout. The desktop canvas above remains intentionally untouched. */
@media (max-width: 767px) {
  body {
    background-color: #fff;
    overflow-x: hidden;
  }

  .node-1636-737 {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  /* The source is an absolutely-positioned desktop export. On small screens,
     return its generated wrappers to normal document flow. */
  .node-1636-737 [class^="node-1636-"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100%;
  }

  .node-1636-737 > div[class^="node-1636-"] {
    width: 100% !important;
    padding: 48px 20px;
  }

  .node-1636-370 {
    padding: 20px !important;
  }

  .node-1636-371,
  .node-1636-373,
  .node-1636-374,
  .node-1636-381,
  .node-1636-384,
  .node-1636-416,
  .node-1636-503,
  .node-1636-533,
  .node-1636-555,
  .node-1636-583,
  .node-1636-628,
  .node-1636-708,
  .node-1636-732 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }

  .node-1636-371,
  .node-1636-408,
  .node-1636-422,
  .node-1636-438,
  .node-1636-459,
  .node-1636-487,
  .node-1636-497,
  .node-1636-513,
  .node-1636-527,
  .node-1636-572,
  .node-1636-618,
  .node-1636-654,
  .node-1636-698,
  .node-1636-732 {
    max-width: 640px;
    margin: 0 auto;
  }

  .node-1636-737 .node-1636-372 {
    width: 280px !important;
    height: 32px !important;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .node-1636-373 {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: start;
  }

  .node-1636-374,
  .node-1636-381 {
    gap: 10px;
  }

  /* Keep the price, countdown and action as three intentional header rows. */
  .node-1636-374 {
    display: grid;
    grid-template-columns: max-content max-content minmax(0, 1fr);
    align-items: center;
  }

  .node-1636-381 {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: center;
  }

  .node-1636-384,
  .node-1636-708 {
    flex-wrap: nowrap;
    gap: 6px;
  }

  .node-1636-737 .node-1636-377,
  .node-1636-737 .node-1636-385,
  .node-1636-737 .node-1636-390,
  .node-1636-737 .node-1636-395,
  .node-1636-737 .node-1636-400,
  .node-1636-737 .node-1636-709,
  .node-1636-737 .node-1636-714,
  .node-1636-737 .node-1636-719,
  .node-1636-737 .node-1636-724 {
    width: 42px !important;
    height: 50px !important;
  }

  .node-1636-737 .node-1636-377 {
    width: 70px !important;
  }

  .node-1636-407,
  .node-1636-437,
  .node-1636-486,
  .node-1636-512,
  .node-1636-571,
  .node-1636-653,
  .node-1636-697 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .node-1636-409,
  .node-1636-422,
  .node-1636-444,
  .node-1636-465,
  .node-1636-487,
  .node-1636-513,
  .node-1636-573,
  .node-1636-619,
  .node-1636-654,
  .node-1636-699,
  .node-1636-704 {
    display: grid;
    gap: 28px;
  }

  .node-1636-415 {
    width: 100% !important;
    margin-top: 0;
  }

  /* Hero: keep a deliberate visual pause before the video without changing
     the desktop composition. */
  .node-1636-409 {
    gap: 32px;
  }

  .node-1636-414,
  .node-1636-427,
  .node-1636-443,
  .node-1636-464,
  .node-1636-492,
  .node-1636-502,
  .node-1636-519,
  .node-1636-532,
  .node-1636-579,
  .node-1636-625,
  .node-1636-659,
  .node-1636-701 {
    font-size: clamp(30px, 9vw, 40px);
    line-height: 1.2;
  }

  .node-1636-444,
  .node-1636-465,
  .node-1636-533,
  .node-1636-555,
  .node-1636-628 {
    grid-template-columns: 1fr;
  }

  .node-1636-526,
  .node-1636-527 {
    width: 100% !important;
  }

  .node-1636-532 {
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.2;
  }

  .node-1636-533,
  .node-1636-555 {
    width: 100% !important;
    gap: 16px;
    align-items: stretch;
  }

  .node-1636-535,
  .node-1636-540,
  .node-1636-545,
  .node-1636-550,
  .node-1636-556,
  .node-1636-561,
  .node-1636-566 {
    width: 100% !important;
    min-height: 184px !important;
    padding: 24px !important;
    display: grid;
    align-content: start;
    gap: 18px;
  }

  .node-1636-534 {
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    display: block;
  }

  .node-1636-617,
  .node-1636-618 {
    width: 100% !important;
  }

  .node-1636-625 {
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.2;
  }

  .node-1636-628 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100% !important;
  }

  .node-1636-629,
  .node-1636-634,
  .node-1636-639 {
    width: 100% !important;
    min-height: 160px !important;
    padding: 20px !important;
  }

  .node-1636-644 {
    width: 100% !important;
    overflow: hidden;
  }

  .node-1636-737 .node-1636-650 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  @media (max-width: 420px) {
    .node-1636-628 {
      grid-template-columns: 1fr;
    }
  }

  .node-1636-445,
  .node-1636-451,
  .node-1636-466,
  .node-1636-471,
  .node-1636-476,
  .node-1636-481,
  .node-1636-493,
  .node-1636-534,
  .node-1636-540,
  .node-1636-545,
  .node-1636-550,
  .node-1636-556,
  .node-1636-561,
  .node-1636-566,
  .node-1636-602,
  .node-1636-629,
  .node-1636-634,
  .node-1636-639 {
    padding: 24px;
  }

  .node-1636-737 .node-1636-495 {
    width: 150px !important;
    height: 150px !important;
    margin: 0 auto 24px;
  }

  .node-1636-503 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .node-1636-737 .node-1636-505,
  .node-1636-737 .node-1636-507,
  .node-1636-737 .node-1636-509 {
    height: 120px !important;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .node-1636-510,
  .node-1636-511 {
    display: flex;
    min-height: 120px !important;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .node-1636-737 .node-1636-525 {
    width: 100% !important;
    height: 260px !important;
    margin-top: 28px;
    background-size: cover;
  }

  .node-1636-583 {
    align-items: flex-start;
  }

  .node-1636-737 .node-1636-602,
  .node-1636-737 .node-1636-615,
  .node-1636-737 .node-1636-419,
  .node-1636-737 .node-1636-702 {
    width: 100% !important;
  }

  /* The hero action stays full-width on mobile, but reads as a button rather
     than a thin stretched outline. */
  .node-1636-737 .node-1636-419 {
    box-sizing: border-box;
    min-height: 54px !important;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .node-1636-737 .node-1636-405 {
    width: 100% !important;
    height: 50px !important;
  }

  /* Header promo: use a single centred mobile composition rather than a
     compressed version of the desktop header. */
  .node-1636-370 {
    padding: 30px 20px 28px !important;
  }

  .node-1636-371 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 26px;
  }

  .node-1636-737 .node-1636-372 {
    width: min(320px, 100%) !important;
    height: 37px !important;
    background-position: center;
  }

  .node-1636-373 {
    width: 100% !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
  }

  .node-1636-374,
  .node-1636-381 {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .node-1636-374 {
    gap: 12px;
  }

  .node-1636-375,
  .node-1636-379,
  .node-1636-382 {
    width: auto !important;
  }

  .node-1636-377 {
    box-sizing: border-box;
    width: 82px !important;
    height: 52px !important;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .node-1636-378,
  .node-1636-380 {
    width: auto !important;
    height: auto !important;
    white-space: nowrap;
  }

  .node-1636-378 {
    line-height: 1.15;
    text-align: center;
  }

  .node-1636-381 {
    flex-direction: column;
    gap: 8px;
  }

  .node-1636-384 {
    justify-content: center;
  }

  .node-1636-737 .node-1636-405 {
    width: min(260px, 100%) !important;
    margin: 0 auto;
  }

  .node-1636-644 {
    display: grid;
    gap: 32px;
  }

  .node-1636-737 .node-1636-646,
  .node-1636-737 .node-1636-650 {
    width: 100% !important;
    height: 180px !important;
    background-size: cover;
  }

  .node-1636-647,
  .node-1636-651 {
    text-align: center;
  }

  .custom-faq-list {
    position: static;
    width: 100%;
    margin-top: 28px;
  }

  .custom-faq-list summary {
    padding: 18px 0;
    font-size: 18px;
    line-height: 1.35;
  }

  .custom-faq-list details p {
    padding: 0 0 18px;
    font-size: 16px;
    line-height: 1.5;
  }

  .node-1636-731 {
    padding: 28px 20px !important;
  }

  .node-1636-732 {
    justify-content: space-between;
  }

  /* Mobile type needs a little more air than the compact desktop export.
     Keep this limited to text roles, so the desktop composition and mobile
     component geometry remain intact. */
  .node-1636-414,
  .node-1636-427,
  .node-1636-443,
  .node-1636-457,
  .node-1636-464,
  .node-1636-492,
  .node-1636-502,
  .node-1636-519,
  .node-1636-532,
  .node-1636-579,
  .node-1636-625,
  .node-1636-659,
  .node-1636-701 {
    line-height: 1.24;
  }

  .node-1636-448,
  .node-1636-453,
  .node-1636-468,
  .node-1636-473,
  .node-1636-478,
  .node-1636-483,
  .node-1636-537,
  .node-1636-542,
  .node-1636-547,
  .node-1636-552,
  .node-1636-557,
  .node-1636-562,
  .node-1636-567,
  .node-1636-589,
  .node-1636-601 {
    line-height: 1.3;
  }

  .node-1636-418,
  .node-1636-430,
  .node-1636-432,
  .node-1636-434,
  .node-1636-436,
  .node-1636-450,
  .node-1636-455,
  .node-1636-470,
  .node-1636-475,
  .node-1636-480,
  .node-1636-485,
  .node-1636-494,
  .node-1636-522,
  .node-1636-524,
  .node-1636-539,
  .node-1636-544,
  .node-1636-549,
  .node-1636-554,
  .node-1636-559,
  .node-1636-564,
  .node-1636-569,
  .node-1636-594,
  .node-1636-606,
  .node-1636-629,
  .node-1636-634,
  .node-1636-639 {
    line-height: 1.5;
  }

  /* Exact mobile sibling relationships: the margin belongs to the element
     that follows the preceding copy, so text never sits against a card or
     tile. These selectors do not affect desktop, type, gutters, or padding. */
  .node-1636-438 > .node-1636-444,
  .node-1636-459 > .node-1636-465,
  .node-1636-487 > .node-1636-493,
  .node-1636-497 > .node-1636-503,
  .node-1636-513 > .node-1636-525,
  .node-1636-527 > .node-1636-533,
  .node-1636-573 > .node-1636-583,
  .node-1636-618 > .node-1636-628,
  .node-1636-698 > .node-1636-704 {
    margin-top: 28px !important;
  }

  /* The fact heading is the direct element after the two black benefit cards. */
  .node-1636-438 > .node-1636-456 {
    margin-top: 28px !important;
  }

  /* The mobile flow flattens the exported absolute-position wrappers. Keep a
     consistent, deliberate pause between each red eyebrow and its heading. */
  .node-1636-413,
  .node-1636-426,
  .node-1636-442,
  .node-1636-463,
  .node-1636-491,
  .node-1636-501,
  .node-1636-518,
  .node-1636-531,
  .node-1636-578,
  .node-1636-624,
  .node-1636-658,
  .node-1636-700 {
    margin-top: 16px !important;
  }

  /* In the hero, the caption follows the video as a sibling once the desktop
     positioning is removed. Give that exact media-to-caption transition air. */
  .node-1636-416 {
    margin-top: 14px !important;
  }

  /* Curriculum: both exported rows become one equal-width mobile card stack.
     Prompts and Workflows (.node-1636-556) is the reference geometry. */
  .node-1636-737 .node-1636-533,
  .node-1636-737 .node-1636-534,
  .node-1636-737 .node-1636-555 {
    box-sizing: border-box;
    width: 100% !important;
  }

  .node-1636-737 .node-1636-534,
  .node-1636-737 .node-1636-555 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0 !important;
    margin: 0 !important;
  }

  .node-1636-737 .node-1636-535,
  .node-1636-737 .node-1636-540,
  .node-1636-737 .node-1636-545,
  .node-1636-737 .node-1636-550,
  .node-1636-737 .node-1636-556,
  .node-1636-737 .node-1636-561,
  .node-1636-737 .node-1636-566 {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 184px !important;
    margin: 0 !important;
    padding: 24px !important;
    border: 1px solid rgba(102, 102, 102, 1);
  }

  /* Limited-time benefits and its purchase card: rebuild this one exported
     desktop row as a compact, repeatable mobile composition. */
  .node-1636-573 {
    gap: 32px;
  }

  /* The purchase card is the next sibling after the complete benefits block. */
  .node-1636-572 > .node-1636-602 {
    margin-top: 28px !important;
  }

  .node-1636-583 {
    display: grid;
    gap: 20px;
    width: 100% !important;
  }

  .node-1636-584,
  .node-1636-590,
  .node-1636-596 {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 14px;
    align-items: start;
  }

  .node-1636-737 .node-1636-585,
  .node-1636-737 .node-1636-591,
  .node-1636-737 .node-1636-597 {
    width: 24px !important;
    height: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .node-1636-737 .node-1636-588,
  .node-1636-737 .node-1636-594,
  .node-1636-737 .node-1636-600 {
    min-width: 0;
  }

  .node-1636-589,
  .node-1636-595,
  .node-1636-601 {
    line-height: 1.3;
  }

  .node-1636-737 .node-1636-602 {
    box-sizing: border-box;
    width: 100% !important;
    padding: 24px !important;
    background-color: rgba(10, 10, 10, 1);
  }

  .node-1636-603,
  .node-1636-604,
  .node-1636-605 {
    display: grid;
    gap: 16px;
  }

  .node-1636-737 .node-1636-606 {
    box-sizing: border-box;
    width: max-content !important;
    padding: 5px 9px !important;
    background-color: rgba(102, 102, 102, 1);
  }

  .node-1636-607 {
    line-height: 1.2;
  }

  .node-1636-608 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 14px;
  }

  .node-1636-610 {
    line-height: 1;
  }

  .node-1636-612,
  .node-1636-614 {
    line-height: 1.35;
  }

  .node-1636-737 .node-1636-615 {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 50px !important;
    margin-top: 8px;
  }

  /* Closing CTA: this is a separate mobile composition, not a squeezed
     desktop export. Keep every element centred on the same visual axis. */
  .node-1636-697,
  .node-1636-698,
  .node-1636-699,
  .node-1636-704,
  .node-1636-705 {
    display: grid;
    justify-items: center;
    text-align: center;
    width: 100% !important;
  }

  .node-1636-698 {
    gap: 32px;
  }

  .node-1636-699 {
    gap: 24px;
  }

  .node-1636-704,
  .node-1636-705 {
    gap: 16px;
  }

  .node-1636-737 .node-1636-702 {
    box-sizing: border-box;
    width: min(360px, 100%) !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .node-1636-703,
  .node-1636-707,
  .node-1636-730 {
    width: 100% !important;
    text-align: center;
  }

  .node-1636-708 {
    display: grid;
    grid-template-columns: repeat(4, 52px);
    justify-content: center;
    align-items: start;
    gap: 8px;
    width: max-content !important;
  }

  .node-1636-737 .node-1636-709,
  .node-1636-737 .node-1636-714,
  .node-1636-737 .node-1636-719,
  .node-1636-737 .node-1636-724 {
    display: grid;
    grid-template-rows: 50px auto;
    gap: 6px;
    width: 52px !important;
    height: auto !important;
    border: 0;
    background: transparent;
  }

  .node-1636-737 .node-1636-710,
  .node-1636-737 .node-1636-715,
  .node-1636-737 .node-1636-720,
  .node-1636-737 .node-1636-725 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px !important;
    height: 50px !important;
    border: 1px solid rgba(102, 102, 102, 1);
  }

  .node-1636-711,
  .node-1636-716,
  .node-1636-721,
  .node-1636-726,
  .node-1636-713,
  .node-1636-718,
  .node-1636-723,
  .node-1636-728 {
    width: 100% !important;
    height: auto !important;
    text-align: center;
  }

  .node-1636-711,
  .node-1636-716,
  .node-1636-721,
  .node-1636-726 {
    font-size: 34px;
    line-height: 1;
  }

  .node-1636-712,
  .node-1636-717,
  .node-1636-722,
  .node-1636-727 {
    display: block;
    width: 52px !important;
  }

  .node-1636-713,
  .node-1636-718,
  .node-1636-723,
  .node-1636-728 {
    font-size: 14px;
    line-height: 1.2;
  }

  .node-1636-729,
  .node-1636-730 {
    max-width: 360px;
    margin: 0 auto;
  }

  .node-1636-730 {
    font-size: 20px;
    line-height: 1.35;
  }

  .node-1636-731 {
    padding: 28px 20px !important;
  }

  .node-1636-732 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
  }

  .node-1636-733,
  .node-1636-735,
  .node-1636-734,
  .node-1636-736 {
    width: auto !important;
    text-align: center;
  }

  /* Bonus metrics: retain the CLI card's existing half-row geometry, but
     centre it under the first two cards. The workflow visual is the next
     sibling in the real mobile flow, so its gap belongs here. */
  @media (min-width: 421px) {
    .node-1636-628 > .node-1636-639 {
      grid-column: 1 / -1;
      justify-self: center;
      width: calc((100% - 16px) / 2) !important;
    }
  }

  .node-1636-618 > .node-1636-644 {
    margin-top: 28px !important;
  }
}

/* Cascade safeguards for the tablet export reset above. The generated desktop
   declarations appear later in this stylesheet, so these are deliberately
   repeated at the end while remaining confined to the tablet range. */
@media (min-width: 768px) and (max-width: 1439px) {
  /* Re-assert the flow reset after the generated fixed desktop export. */
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .node-1636-737 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .node-1636-737 [class^="node-1636-"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
  }
  .node-1636-737 > div[class^="node-1636-"] {
    width: 100% !important;
    padding: 64px 48px !important;
  }
  .node-1636-370 { padding: 26px 48px !important; }

  /* The generic flow reset above intentionally removes the 1440px export's
     fixed dimensions.  Re-instate dimensions for intrinsically sized header
     pieces here: without this, the background-image logo becomes a 0 × 0
     flex item on iPad-sized viewports. */
  .node-1636-371 {
    display: flex !important;
    width: min(100%, 1120px) !important;
    margin: 0 auto !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .node-1636-737 .node-1636-372 {
    display: block;
    flex: 0 0 340px;
    width: 340px !important;
    height: 39px !important;
    min-height: 39px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
  }
  .node-1636-373,
  .node-1636-374,
  .node-1636-381,
  .node-1636-384 {
    display: flex !important;
    align-items: center;
  }
  .node-1636-373 { flex-wrap: wrap; justify-content: flex-end; gap: 16px; }
  .node-1636-374,
  .node-1636-381 { gap: 10px; }
  .node-1636-384 { flex-wrap: nowrap; gap: 6px; }
  .node-1636-737 .node-1636-377 { width: 76px !important; height: 50px !important; }
  .node-1636-737 .node-1636-385,
  .node-1636-737 .node-1636-390,
  .node-1636-737 .node-1636-395,
  .node-1636-737 .node-1636-400 { width: 46px !important; height: 50px !important; }

  .node-1636-414,
  .node-1636-427,
  .node-1636-443,
  .node-1636-464,
  .node-1636-492,
  .node-1636-502,
  .node-1636-519,
  .node-1636-532,
  .node-1636-579,
  .node-1636-625,
  .node-1636-659,
  .node-1636-701 {
    font-size: clamp(42px, 5.7vw, 58px) !important;
    line-height: 1.18 !important;
  }

  .node-1636-405 { width: 170px !important; height: 50px !important; }
  .node-1636-419 { width: 220px !important; min-height: 52px !important; }
  .node-1636-525 { width: 100% !important; height: 360px !important; }
  .node-1636-602 { width: 100% !important; }
  .node-1636-615 { width: 100% !important; }
  .node-1636-639 { width: calc((100% - 20px) / 2) !important; }
  .node-1636-646,
  .node-1636-650 { width: 100% !important; height: 260px !important; }
  .node-1636-702 { width: min(360px, 100%) !important; }
  .node-1636-709,
  .node-1636-714,
  .node-1636-719,
  .node-1636-724 { width: 60px !important; }
  .node-1636-710,
  .node-1636-715,
  .node-1636-720,
  .node-1636-725 { width: 60px !important; height: 56px !important; }
  .custom-faq-list { position: static !important; width: 100% !important; }
}

/* Portrait and narrow tablets cannot carry the desktop header row without
   compressing it. Keep its same content, but make it a centred, two-row
   composition before returning to the desktop-like row at 960px. */
@media (min-width: 768px) and (max-width: 959px) {
  .node-1636-370 { padding: 28px 32px !important; }
  .node-1636-371 {
    flex-direction: column;
    justify-content: center;
    gap: 24px;
  }
  .node-1636-737 .node-1636-372 {
    flex-basis: 39px;
    background-position: center;
  }
  .node-1636-373 {
    width: 100% !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
  .node-1636-374,
  .node-1636-381 { justify-content: center; }
  .node-1636-405 { width: 220px !important; height: 52px !important; }
}