#fw-section-custom-html-ec0c6943-78c7-40ba-8f0e-4adca3ebdf59 {


.membership-table {width:100%; max-width:1000px; margin:auto; border-collapse:collapse; text-align:center; font-family:sans-serif;}
.membership-table th {color:#fff; text-align:center; font-size:1.3em; padding:10px; border:1px solid black;}
.membership-table td {color:#000; font-size:1em; padding:10px; border:1px solid black; text-align:left;}
.high1 {background-color:orange;}
.high2 {background-color:red;}
.high3 {background-color:purple;}
}
#fw-section-custom-html-79c3a308-924d-4f76-8838-2cd70857315e {

.showcase {
  font-family: sans-serif;
  padding:0 20px;
  color: #fff;
  text-align: center;
}
.showcase h2 {
  font-size: 2em;
  margin-bottom: 15px;
}
.showcase p {
  font-size: 1.1em;
  color: #ccc;
  margin-bottom: 30px;
}
.showcase-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.showcase-tile {
  background: #222;
  border-radius: 12px;
  overflow: hidden;
  width: 400px;
  height: 400px;
  position: relative;
  box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}
.showcase-iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


}















#fw-section-header {
--color-primary: #002cff;
--color-primary-rgb: 0, 44, 255;
--color-background: #ff0066;
--color-background-rgb: 255, 0, 102;
--color-on-primary: #fff200;
--color-on-primary-rgb: 255, 242, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 88;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-custom-html-b4c7cc87-818f-4828-986e-fc5da8edd4a7 {

.how-it-works {
  font-family: sans-serif;
  padding: 50px 20px;
  background: #f7f7f7;
  text-align: center;
}
.how-it-works h2 {
  font-size: 2em;
  margin-bottom: 25px;
}
.steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.step {
  background: white;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 25px 20px;
  flex: 1 1 220px;
  max-width: 260px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.step-icon {
  font-size: 2em;
  margin-bottom: 12px;
}
.step h3 {
  margin: 10px 0;
  font-size: 1.2em;
}
.step p {
  font-size: 0.95em;
  color: #555;
  margin-bottom: 15px;
}
.step a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 0.9em;
  text-decoration: none;
  background: #111;
  color: #fff;
  border-radius: 6px;
  transition: background 0.3s ease;
}
.step a:hover {
  background: #333;
}
}
#fw-section-custom-html-4dd7cc08-9d98-4184-a399-7c39b7c80003 {

.how-it-works {
  font-family: sans-serif;
  padding: 50px 20px;
  background: #f7f7f7;
  text-align: center;
}
.how-it-works h2 {
  font-size: 2em;
  margin-bottom: 25px;
}
.steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.step {
  background: white;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 25px 20px;
  flex: 1 1 220px;
  max-width: 260px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.step-icon {
  font-size: 2em;
  margin-bottom: 12px;
}
.step h3 {
  margin: 10px 0;
  font-size: 1.2em;
}
.step p {
  font-size: 0.95em;
  color: #555;
  margin-bottom: 15px;
}
.step a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 0.9em;
  text-decoration: none;
  background: #111;
  color: #fff;
  border-radius: 6px;
  transition: background 0.3s ease;
}
.step a:hover {
  background: #333;
}
}

#fw-section-custom-html-56f1538a-3645-41db-843d-9c7b51282283 {

.showcase {
  font-family: sans-serif;
  padding:0 20px;
  color: #fff;
  text-align: center;
}
.showcase h2 {
  font-size: 2em;
  margin-bottom: 15px;
}
.showcase p {
  font-size: 1.1em;
  color: #ccc;
  margin-bottom: 30px;
}
.showcase-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.showcase-tile {
  background: #222;
  border-radius: 12px;
  overflow: hidden;
  width: 200px;     /* Portrait frame width */
  height: 355px;    /* Portrait frame height (~9:16) */
  position: relative;
  box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}
.showcase-iframe {
  position: absolute;
  top: -25%;       /* Shift up to center crop */
  left: 0;
  width: 100%;
  height: 150%;    /* Scale iframe taller so it fills */
  border: 0;
}
.showcase a {
  display: inline-block;
  margin-top: 25px;
  padding: 10px 18px;
  background: #f00;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}
.showcase a:hover {
  background: #c00;
}
}




#fw-section-custom-html-e15e94d8-59ab-4281-ad69-23866636169d {

.membership-table {width:100%; max-width:1000px; margin:auto; border-collapse:collapse; text-align:center; font-family:sans-serif;}
.membership-table th {color:#fff; text-align:center; font-size:1.3em; padding:10px; border:1px solid black;}
.membership-table td {color:#000; font-size:1em; padding:10px; border:1px solid black; text-align:left;}
.high1 {background-color:orange;}
.high2 {background-color:red;}
.high3 {background-color:purple;}
}


#fw-section-image-612d4d48-1346-40ea-8971-a8be1c0f1edd {

img{width:800px;}
}