body
{
   background-color: #060911;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_heroGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#heroGrid
{
   box-sizing: border-box;
   height: 100vh;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#heroGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#heroGrid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#heroGrid > .row > .col-1
{
   float: left;
}
#heroGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#heroGrid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 30px 24px 30px 24px;
}
#heroGrid:before,
#heroGrid:after,
#heroGrid .row:before,
#heroGrid .row:after
{
   display: table;
   content: " ";
}
#heroGrid:after,
#heroGrid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#heroGrid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#heroGrid-video
{
   background: #000000;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: -99;
}
#heroGrid-video video
{
   object-fit: cover;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
}
#wb_wwb_nav_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 40px 0 ;
}
#wwb_nav_grid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1360px;
}
#wwb_nav_grid > .col-1, #wwb_nav_grid > .col-2, #wwb_nav_grid > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wwb_nav_grid > .col-1, #wwb_nav_grid > .col-2, #wwb_nav_grid > .col-3
{
   flex: 0 0 auto;
}
#wwb_nav_grid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#wwb_nav_grid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 41.66666667%;
   max-width: 41.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#wwb_nav_grid > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
@media (max-width: 768px)
{
#wwb_nav_grid > .col-1, #wwb_nav_grid > .col-2, #wwb_nav_grid > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_wwb_logo
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wwb_logo
{
   color: #38BDF8;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 27px;
   letter-spacing: 0.05px;   margin: 0;
   text-align: left;
   text-transform: none;
}
#wwb_nav_btn
{
   box-sizing: border-box;
   line-height: 36px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #0D6EFD;
   border-radius: 20px;
   background-color: #3B82F6;
   background-image: none;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   padding: 10px 22px 10px 22px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wwb_nav_btn:focus
{
   outline: 0;
}
#wwb_nav_btn
{
   background-color: #3B82F6;
   transition: background-color 300ms linear 0ms;
}
#wwb_nav_btn:hover
{
   background-color: #2563EB;
   transition: background-color 300ms linear 0ms;
}
#wb_wwb_hero_content
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_hero_content
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 960px;
}
#wwb_hero_content > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wwb_hero_content > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wwb_hero_content > .row > .col-1
{
   float: left;
}
#wwb_hero_content > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#wwb_hero_content:before,
#wwb_hero_content:after,
#wwb_hero_content .row:before,
#wwb_hero_content .row:after
{
   display: table;
   content: " ";
}
#wwb_hero_content:after,
#wwb_hero_content .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#wwb_hero_content > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_wwb_kicker
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 10px 0 ;
   padding: 0;
   text-align: center;
}
#wwb_kicker
{
   color: #38BDF8;
   font-family: "Darker Grotesque";
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   letter-spacing: 0.18px;   margin: 0;
   text-align: center;
   text-transform: none;
   text-shadow: 0px 2px 14px rgba(3,7,18,0.50);
}
#wb_wwb_headline
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 14px 0 ;
   padding: 0;
   text-align: center;
}
#wwb_headline
{
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 64px;
   margin: 0;
   text-align: center;
   text-transform: none;
   text-shadow: 0px 4px 24px rgba(3,7,18,0.50);
}
#wb_wwb_sub 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 14px 0 ;
   text-align: center;
}
#wb_wwb_sub
{
   color: #E2E8F0;
   font-family: Arial;
   font-weight: 400;
   font-size: 21px;
   line-height: 24.5px;
}
#wb_wwb_sub p, #wb_wwb_sub ul
{
   margin: 0;
   padding: 0;
}
#wb_wwb_sub
{
   display: block;
   margin: 0 0 14px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_wwb_scrub_pill
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #070B14;
   background-image: none;
   border: 1px solid #38BDF8;
   border-radius: 24px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_scrub_pill
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 540px;
}
#wwb_scrub_pill > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wwb_scrub_pill > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wwb_scrub_pill > .row > .col-1
{
   float: left;
}
#wwb_scrub_pill > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#wwb_scrub_pill > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 20px 8px 20px;
}
#wwb_scrub_pill:before,
#wwb_scrub_pill:after,
#wwb_scrub_pill .row:before,
#wwb_scrub_pill .row:after
{
   display: table;
   content: " ";
}
#wwb_scrub_pill:after,
#wwb_scrub_pill .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#wwb_scrub_pill > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_wwb_scrub_pill
{
   border-color: #38BDF8;
   transform: rotate(0deg) scale(1,1) ;
   backdrop-filter: blur(10px);
   transition: border-color 300ms linear 0ms, transform 300ms linear 0ms, backdrop-filter 300ms linear 0ms;
}
#wb_wwb_scrub_pill:hover
{
   border-color: #34D399;
   transform: rotate(0deg) scale(1.03,1.03) ;
   transition: border-color 300ms linear 0ms, transform 300ms linear 0ms;
}
#wb_wwb_scrub_txt
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wwb_scrub_txt
{
   color: #38BDF8;
   font-family: "Darker Grotesque";
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   letter-spacing: 0.12px;   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_wwb_features_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 36px 0 ;
}
#wwb_features_grid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wwb_features_grid > .col-1, #wwb_features_grid > .col-2, #wwb_features_grid > .col-3, #wwb_features_grid > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 12px;
   padding-left: 12px;
   position: relative;
}
#wwb_features_grid > .col-1, #wwb_features_grid > .col-2, #wwb_features_grid > .col-3, #wwb_features_grid > .col-4
{
   flex: 0 0 auto;
}
#wwb_features_grid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px dotted #38BDF8;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_features_grid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px dotted #34D399;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_features_grid > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px dotted #F59E0B;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_features_grid > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px dotted #818CF8;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#wwb_features_grid > .col-1, #wwb_features_grid > .col-2, #wwb_features_grid > .col-3, #wwb_features_grid > .col-4
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #0B0F19;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 80px 24px 90px 24px;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#LayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_sec_feat_tag
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 8px 0 ;
   padding: 0;
   text-align: center;
}
#sec_feat_tag
{
   color: #38BDF8;
   font-family: "Darker Grotesque";
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   letter-spacing: 0.18px;   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_feat_title
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 20px 0 ;
   padding: 0;
   text-align: center;
}
#sec_feat_title
{
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 48px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_feat_desc 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 44px 0 ;
   text-align: center;
}
#wb_sec_feat_desc
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: 400;
   font-size: 20px;
   line-height: 22.5px;
}
#wb_sec_feat_desc p, #wb_sec_feat_desc ul
{
   margin: 0;
   padding: 0;
}
#wb_sec_feat_desc
{
   display: block;
   margin: 0 0 44px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_wwb_deep_dive_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #0F172A;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_deep_dive_grid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wwb_deep_dive_grid > .col-1, #wwb_deep_dive_grid > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 28px;
   padding-left: 28px;
   position: relative;
}
#wwb_deep_dive_grid > .col-1, #wwb_deep_dive_grid > .col-2
{
   flex: 0 0 auto;
}
#wwb_deep_dive_grid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 58.33333333%;
   max-width: 58.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#wwb_deep_dive_grid > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 80px 30px 80px 30px;
}
#wwb_deep_dive_grid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 41.66666667%;
   max-width: 41.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#wwb_deep_dive_grid > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 80px 30px 80px 30px;
}
@media (max-width: 768px)
{
#wwb_deep_dive_grid > .col-1, #wwb_deep_dive_grid > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_dd_kicker
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 8px 0 ;
   padding: 0;
   text-align: left;
}
#dd_kicker
{
   color: #38BDF8;
   font-family: "Darker Grotesque";
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   letter-spacing: 0.18px;   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_dd_title
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 20px 0 ;
   padding: 0;
   text-align: left;
}
#dd_title
{
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 48px;
   line-height: 57.6px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_dd_desc 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 24px 0 ;
   text-align: left;
}
#wb_dd_desc
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: 400;
   font-size: 20px;
   line-height: 27px;
}
#wb_dd_desc p, #wb_dd_desc ul
{
   margin: 0;
   padding: 0;
}
#wb_dd_desc
{
   display: block;
   margin: 0 0 24px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_dd_item1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 10px 0 ;
   text-align: left;
}
#wb_dd_item1
{
   color: #E2E8F0;
   font-family: "Segoe UI Symbol";
   font-weight: 400;
   font-size: 19px;
   line-height: 25px;
}
#wb_dd_item1 p, #wb_dd_item1 ul
{
   margin: 0;
   padding: 0;
}
#wb_dd_item1
{
   display: block;
   margin: 0 0 10px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_dd_item2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 10px 0 ;
   text-align: left;
}
#wb_dd_item2
{
   color: #E2E8F0;
   font-family: "Segoe UI Symbol";
   font-weight: 400;
   font-size: 19px;
   line-height: 25px;
}
#wb_dd_item2 p, #wb_dd_item2 ul
{
   margin: 0;
   padding: 0;
}
#wb_dd_item2
{
   display: block;
   margin: 0 0 10px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_dd_item3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_dd_item3
{
   color: #E2E8F0;
   font-family: "Segoe UI Symbol";
   font-weight: 400;
   font-size: 19px;
   line-height: 25px;
}
#wb_dd_item3 p, #wb_dd_item3 ul
{
   margin: 0;
   padding: 0;
}
#wb_dd_item3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_dd_card_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 20px;
   box-sizing: border-box;
   margin: 0;
   box-shadow: 0px 10px 24px #000000 inset;
}
#dd_card_grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 480px;
}
#dd_card_grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#dd_card_grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#dd_card_grid > .row > .col-1
{
   float: left;
}
#dd_card_grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#dd_card_grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 32px 28px 32px 28px;
}
#dd_card_grid:before,
#dd_card_grid:after,
#dd_card_grid .row:before,
#dd_card_grid .row:after
{
   display: table;
   content: " ";
}
#dd_card_grid:after,
#dd_card_grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#dd_card_grid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_dd_card_grid
{
   transform: rotate(0deg) scale(1,1) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_dd_card_grid:hover
{
   transform: translate(0px,-6px) rotate(0deg) scale(1.01,1.01) ;
   border-color: #38BDF8;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_tag
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 14px 0 ;
   padding: 0;
   text-align: left;
}
#card_tag
{
   color: #38BDF8;
   font-family: "Darker Grotesque";
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   letter-spacing: 0.16px;   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_stat_num_1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 2px 0 ;
   padding: 0;
   text-align: left;
}
#stat_num_1
{
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 43px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_stat_lbl_1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 14px 0 ;
   text-align: left;
}
#wb_stat_lbl_1
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: 400;
   font-size: 17px;
   line-height: 20px;
}
#wb_stat_lbl_1 p, #wb_stat_lbl_1 ul
{
   margin: 0;
   padding: 0;
}
#wb_stat_lbl_1
{
   display: block;
   margin: 0 0 14px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_stat_num_2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 2px 0 ;
   padding: 0;
   text-align: left;
}
#stat_num_2
{
   color: #38BDF8;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 43px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_stat_lbl_2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 14px 0 ;
   text-align: left;
}
#wb_stat_lbl_2
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: 400;
   font-size: 17px;
   line-height: 20px;
}
#wb_stat_lbl_2 p, #wb_stat_lbl_2 ul
{
   margin: 0;
   padding: 0;
}
#wb_stat_lbl_2
{
   display: block;
   margin: 0 0 14px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_stat_num_3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 2px 0 ;
   padding: 0;
   text-align: left;
}
#stat_num_3
{
   color: #F59E0B;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 43px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_stat_lbl_3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_stat_lbl_3
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: 400;
   font-size: 17px;
   line-height: 20px;
}
#wb_stat_lbl_3 p, #wb_stat_lbl_3 ul
{
   margin: 0;
   padding: 0;
}
#wb_stat_lbl_3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_wwb_bloatometer_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #0B0F19;
   background-image: none;
   border: 1px dotted #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_bloatometer_grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wwb_bloatometer_grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wwb_bloatometer_grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wwb_bloatometer_grid > .row > .col-1
{
   float: left;
}
#wwb_bloatometer_grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#wwb_bloatometer_grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 60px 30px 60px 30px;
}
#wwb_bloatometer_grid:before,
#wwb_bloatometer_grid:after,
#wwb_bloatometer_grid .row:before,
#wwb_bloatometer_grid .row:after
{
   display: table;
   content: " ";
}
#wwb_bloatometer_grid:after,
#wwb_bloatometer_grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#wwb_bloatometer_grid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_wwb_ecosystem_section
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #060911;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_ecosystem_section
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wwb_ecosystem_section > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wwb_ecosystem_section > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wwb_ecosystem_section > .row > .col-1
{
   float: left;
}
#wwb_ecosystem_section > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#wwb_ecosystem_section > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 80px 24px 70px 24px;
}
#wwb_ecosystem_section:before,
#wwb_ecosystem_section:after,
#wwb_ecosystem_section .row:before,
#wwb_ecosystem_section .row:after
{
   display: table;
   content: " ";
}
#wwb_ecosystem_section:after,
#wwb_ecosystem_section .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#wwb_ecosystem_section > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_wwb_ecosystem_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_ecosystem_grid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wwb_ecosystem_grid > .col-1, #wwb_ecosystem_grid > .col-2, #wwb_ecosystem_grid > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 14px;
   padding-left: 14px;
   position: relative;
}
#wwb_ecosystem_grid > .col-1, #wwb_ecosystem_grid > .col-2, #wwb_ecosystem_grid > .col-3
{
   flex: 0 0 auto;
}
#wwb_ecosystem_grid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px dotted #1E293B;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_ecosystem_grid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px dotted #1E293B;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_ecosystem_grid > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px dotted #1E293B;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#wwb_ecosystem_grid > .col-1, #wwb_ecosystem_grid > .col-2, #wwb_ecosystem_grid > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_wwb_sovereignty_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #0F172A;
   background-image: none;
   border: 1px dotted #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_sovereignty_grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wwb_sovereignty_grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wwb_sovereignty_grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wwb_sovereignty_grid > .row > .col-1
{
   float: left;
}
#wwb_sovereignty_grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#wwb_sovereignty_grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 60px 30px 60px 30px;
}
#wwb_sovereignty_grid:before,
#wwb_sovereignty_grid:after,
#wwb_sovereignty_grid .row:before,
#wwb_sovereignty_grid .row:after
{
   display: table;
   content: " ";
}
#wwb_sovereignty_grid:after,
#wwb_sovereignty_grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#wwb_sovereignty_grid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_wwb_cta_banner_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #060911;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_cta_banner_grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wwb_cta_banner_grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wwb_cta_banner_grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wwb_cta_banner_grid > .row > .col-1
{
   float: left;
}
#wwb_cta_banner_grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#wwb_cta_banner_grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 90px 30px 100px 30px;
}
#wwb_cta_banner_grid:before,
#wwb_cta_banner_grid:after,
#wwb_cta_banner_grid .row:before,
#wwb_cta_banner_grid .row:after
{
   display: table;
   content: " ";
}
#wwb_cta_banner_grid:after,
#wwb_cta_banner_grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#wwb_cta_banner_grid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_cta_kicker
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 8px 0 ;
   padding: 0;
   text-align: center;
}
#cta_kicker
{
   color: #38BDF8;
   font-family: "Darker Grotesque";
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   letter-spacing: 0.18px;   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_cta_title
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 12px 0 ;
   padding: 0;
   text-align: center;
}
#cta_title
{
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 48px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_cta_desc 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 28px 0 ;
   text-align: center;
}
#wb_cta_desc
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: 400;
   font-size: 21px;
   line-height: 24.5px;
}
#wb_cta_desc p, #wb_cta_desc ul
{
   margin: 0;
   padding: 0;
}
#wb_cta_desc
{
   display: block;
   margin: 0 0 28px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#cta_btn
{
   box-sizing: border-box;
   line-height: 44px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #0D6EFD;
   border-radius: 24px;
   background-color: #3B82F6;
   background-image: none;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   padding: 14px 32px 14px 32px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#cta_btn:focus
{
   outline: 0;
}
#cta_btn
{
   background-color: #3B82F6;
   transition: background-color 300ms linear 0ms;
}
#cta_btn:hover
{
   background-color: #2563EB;
   transition: background-color 300ms linear 0ms;
}
#wb_wwb_footer_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #030712;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_footer_grid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wwb_footer_grid > .col-1, #wwb_footer_grid > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wwb_footer_grid > .col-1, #wwb_footer_grid > .col-2
{
   flex: 0 0 auto;
}
#wwb_footer_grid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#wwb_footer_grid > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 40px 24px 50px 24px;
}
#wwb_footer_grid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#wwb_footer_grid > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 40px 24px 50px 24px;
}
@media (max-width: 768px)
{
#wwb_footer_grid > .col-1, #wwb_footer_grid > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_ftr_logo
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 4px 0 ;
   padding: 0;
   text-align: left;
}
#ftr_logo
{
   color: #38BDF8;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   letter-spacing: 0.04px;   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_ftr_copy 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_ftr_copy
{
   color: #64748B;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_ftr_copy p, #wb_ftr_copy ul
{
   margin: 0;
   padding: 0;
}
#wb_ftr_copy
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_sec_sov_tag
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#sec_sov_tag
{
   color: #38BDF8;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 27px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_sov_title
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 20px 0 ;
   padding: 0;
   text-align: center;
}
#sec_sov_title
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 64px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_sov_desc
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 20px 0 ;
   padding: 0;
   text-align: center;
}
#sec_sov_desc
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   line-height: 27.3px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_bloat_tag
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 10px 0 ;
   padding: 0;
   text-align: center;
}
#sec_bloat_tag
{
   color: #38BDF8;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 20px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_bloat_title
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 20px 0 ;
   padding: 0;
   text-align: center;
}
#sec_bloat_title
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 48px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_bloat_desc
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 32px 0 ;
   padding: 0;
   text-align: center;
}
#sec_bloat_desc
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_ftr_links
{
   background-color: transparent;
   background-image: none;
   color: #94A3B8;
   font-family: "Darker Grotesque";
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   font-size: 17px;
   margin: 0;
   text-align: right;
   overflow: hidden;
}
#wb_ftr_links span
{
   margin: 0 0px 0 24px;
}
#wb_ftr_links a
{
   color: inherit;
   text-decoration: inherit;
}
#wb_card_eco_1
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 340px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 18px;
   box-shadow: 0px 10px 24px #000000;
   text-align: left;
}
#card_eco_1-card-body
{
   padding: 30px 26px 30px 26px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_eco_1-card-item0
{
   box-sizing: border-box;
   border-radius: 18px 18px 0 0 !important;
   margin: 0 0 12px 0 ;
   padding: 0;
   color: #38BDF8;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   line-height: 31.2px;
   text-align: left;
}
#card_eco_1-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 18px 18px !important;
   margin: 0;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   line-height: 31.35px;
   text-align: left;
}
#wb_card_eco_1
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_eco_1:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #38BDF8;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_eco_2
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 340px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 18px;
   box-shadow: 0px 10px 24px #000000;
   text-align: left;
}
#card_eco_2-card-body
{
   padding: 30px 26px 30px 26px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_eco_2-card-item0
{
   box-sizing: border-box;
   border-radius: 18px 18px 0 0 !important;
   margin: 0 0 12px 0 ;
   padding: 0;
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   line-height: 31.2px;
   text-align: left;
}
#card_eco_2-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 18px 18px !important;
   margin: 0;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   line-height: 31.35px;
   text-align: left;
}
#wb_card_eco_2
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_eco_2:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #34D399;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_eco_3
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 340px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 18px;
   box-shadow: 0px 10px 24px #000000;
   text-align: left;
}
#card_eco_3-card-body
{
   padding: 30px 26px 30px 26px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_eco_3-card-item0
{
   box-sizing: border-box;
   border-radius: 18px 18px 0 0 !important;
   margin: 0 0 12px 0 ;
   padding: 0;
   color: #F59E0B;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   line-height: 31.2px;
   text-align: left;
}
#card_eco_3-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 18px 18px !important;
   margin: 0;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   line-height: 31.35px;
   text-align: left;
}
#wb_card_eco_3
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_eco_3:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #F59E0B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_feat_1
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 205px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 18px;
   box-shadow: 0px 10px 24px #000000;
   text-align: left;
}
#card_feat_1-card-body
{
   padding: 28px 22px 28px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_feat_1-card-item0
{
   box-sizing: border-box;
   border-radius: 18px 18px 0 0 !important;
   margin: 0 0 10px 0 ;
   padding: 0;
   color: #38BDF8;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   line-height: 27.3px;
   text-align: left;
}
#card_feat_1-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 18px 18px !important;
   margin: 0;
   padding: 0;
   color: #CBD5E1;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   line-height: 28.05px;
   text-align: left;
}
#wb_card_feat_1
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_feat_1:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #38BDF8;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_feat_2
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 205px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 18px;
   box-shadow: 0px 10px 24px #000000;
   text-align: left;
}
#card_feat_2-card-body
{
   padding: 28px 22px 28px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_feat_2-card-item0
{
   box-sizing: border-box;
   border-radius: 18px 18px 0 0 !important;
   margin: 0 0 10px 0 ;
   padding: 0;
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   line-height: 27.3px;
   text-align: left;
}
#card_feat_2-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 18px 18px !important;
   margin: 0;
   padding: 0;
   color: #CBD5E1;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   line-height: 28.05px;
   text-align: left;
}
#wb_card_feat_2
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_feat_2:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #34D399;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_feat_3
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 205px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 18px;
   box-shadow: 0px 10px 24px #000000;
   text-align: left;
}
#card_feat_3-card-body
{
   padding: 28px 22px 28px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_feat_3-card-item0
{
   box-sizing: border-box;
   border-radius: 18px 18px 0 0 !important;
   margin: 0 0 10px 0 ;
   padding: 0;
   color: #F59E0B;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   line-height: 27.3px;
   text-align: left;
}
#card_feat_3-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 18px 18px !important;
   margin: 0;
   padding: 0;
   color: #CBD5E1;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   line-height: 28.05px;
   text-align: left;
}
#wb_card_feat_3
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_feat_3:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #F59E0B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_feat_4
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 205px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 18px;
   box-shadow: 0px 10px 24px #000000;
   text-align: left;
}
#card_feat_4-card-body
{
   padding: 28px 22px 28px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_feat_4-card-item0
{
   box-sizing: border-box;
   border-radius: 18px 18px 0 0 !important;
   margin: 0 0 10px 0 ;
   padding: 0;
   color: #818CF8;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   line-height: 27.3px;
   text-align: left;
}
#card_feat_4-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 18px 18px !important;
   margin: 0;
   padding: 0;
   color: #CBD5E1;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   line-height: 28.05px;
   text-align: left;
}
#wb_card_feat_4
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_feat_4:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #818CF8;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_sec_eco_tag
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 8px 0 ;
   padding: 0;
   text-align: center;
}
#sec_eco_tag
{
   color: #38BDF8;
   font-family: "Darker Grotesque";
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   letter-spacing: 0.18px;   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_eco_title
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 20px 0 ;
   padding: 0;
   text-align: center;
}
#sec_eco_title
{
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 48px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_sec_eco_desc 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 44px 0 ;
   text-align: center;
}
#wb_sec_eco_desc
{
   color: #94A3B8;
   font-family: Arial;
   font-weight: 400;
   font-size: 20px;
   line-height: 22.5px;
}
#wb_sec_eco_desc p, #wb_sec_eco_desc ul
{
   margin: 0;
   padding: 0;
}
#wb_sec_eco_desc
{
   display: block;
   margin: 0 0 44px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_wwb_sov_row1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 50px 0 0 0 ;
}
#wwb_sov_row1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1110px;
}
#wwb_sov_row1 > .col-1, #wwb_sov_row1 > .col-2, #wwb_sov_row1 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 12px;
   padding-left: 12px;
   position: relative;
}
#wwb_sov_row1 > .col-1, #wwb_sov_row1 > .col-2, #wwb_sov_row1 > .col-3
{
   flex: 0 0 auto;
}
#wwb_sov_row1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_sov_row1 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_sov_row1 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#wwb_sov_row1 > .col-1, #wwb_sov_row1 > .col-2, #wwb_sov_row1 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_wwb_sov_row2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wwb_sov_row2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1110px;
}
#wwb_sov_row2 > .col-1, #wwb_sov_row2 > .col-2, #wwb_sov_row2 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 12px;
   padding-left: 12px;
   position: relative;
}
#wwb_sov_row2 > .col-1, #wwb_sov_row2 > .col-2, #wwb_sov_row2 > .col-3
{
   flex: 0 0 auto;
}
#wwb_sov_row2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_sov_row2 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wwb_sov_row2 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#wwb_sov_row2 > .col-1, #wwb_sov_row2 > .col-2, #wwb_sov_row2 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_card_sov_1
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 285px;
   box-sizing: border-box;
   margin: 0 0 24px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 16px;
   box-shadow: 0px 10px 24px #000000 inset;
   text-align: center;
}
#card_sov_1-card-body
{
   padding: 24px 22px 24px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_sov_1-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 0 0 14px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   line-height: 24.7px;
   text-align: left;
}
#card_sov_1-card-item1
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_1-card-item2
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F1F5F9;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_1-card-item3
{
   box-sizing: border-box;
   margin: 0 0 16px 0 ;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#card_sov_1-card-item4
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F87171;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_1-card-item5
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #CBD5E1;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_1-card-item6
{
   box-sizing: border-box;
   border-radius: 0 0 16px 16px !important;
   margin: 0;
   padding: 0;
   color: #64748B;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#wb_card_sov_1
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_1:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #38BDF8;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_2
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 285px;
   box-sizing: border-box;
   margin: 0 0 24px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 16px;
   box-shadow: 0px 10px 24px #000000 inset;
   text-align: center;
}
#card_sov_2-card-body
{
   padding: 24px 22px 24px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_sov_2-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 0 0 14px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   line-height: 24.7px;
   text-align: left;
}
#card_sov_2-card-item1
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_2-card-item2
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F1F5F9;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_2-card-item3
{
   box-sizing: border-box;
   margin: 0 0 16px 0 ;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#card_sov_2-card-item4
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F87171;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_2-card-item5
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #CBD5E1;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_2-card-item6
{
   box-sizing: border-box;
   border-radius: 0 0 16px 16px !important;
   margin: 0;
   padding: 0;
   color: #64748B;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#wb_card_sov_2
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_2:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #34D399;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_3
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 285px;
   box-sizing: border-box;
   margin: 0 0 24px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 16px;
   box-shadow: 0px 10px 24px #000000 inset;
   text-align: center;
}
#card_sov_3-card-body
{
   padding: 24px 22px 24px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_sov_3-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 0 0 14px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   line-height: 24.7px;
   text-align: left;
}
#card_sov_3-card-item1
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_3-card-item2
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F1F5F9;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_3-card-item3
{
   box-sizing: border-box;
   margin: 0 0 16px 0 ;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#card_sov_3-card-item4
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F87171;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_3-card-item5
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #CBD5E1;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_3-card-item6
{
   box-sizing: border-box;
   border-radius: 0 0 16px 16px !important;
   margin: 0;
   padding: 0;
   color: #64748B;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#wb_card_sov_3
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_3:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #F59E0B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_4
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 285px;
   box-sizing: border-box;
   margin: 0 0 24px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 16px;
   box-shadow: 0px 10px 24px #000000 inset;
   text-align: center;
}
#card_sov_4-card-body
{
   padding: 24px 22px 24px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_sov_4-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 0 0 14px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   line-height: 24.7px;
   text-align: left;
}
#card_sov_4-card-item1
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_4-card-item2
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F1F5F9;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_4-card-item3
{
   box-sizing: border-box;
   margin: 0 0 16px 0 ;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#card_sov_4-card-item4
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F87171;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_4-card-item5
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #CBD5E1;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_4-card-item6
{
   box-sizing: border-box;
   border-radius: 0 0 16px 16px !important;
   margin: 0;
   padding: 0;
   color: #64748B;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#wb_card_sov_4
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_4:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #38BDF8;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_5
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 285px;
   box-sizing: border-box;
   margin: 0 0 24px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 16px;
   box-shadow: 0px 10px 24px #000000 inset;
   text-align: center;
}
#card_sov_5-card-body
{
   padding: 24px 22px 24px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_sov_5-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 0 0 14px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   line-height: 24.7px;
   text-align: left;
}
#card_sov_5-card-item1
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_5-card-item2
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F1F5F9;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_5-card-item3
{
   box-sizing: border-box;
   margin: 0 0 16px 0 ;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#card_sov_5-card-item4
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F87171;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_5-card-item5
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #CBD5E1;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_5-card-item6
{
   box-sizing: border-box;
   border-radius: 0 0 16px 16px !important;
   margin: 0;
   padding: 0;
   color: #64748B;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#wb_card_sov_5
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_5:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #818CF8;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_6
{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 285px;
   box-sizing: border-box;
   margin: 0 0 24px 0 ;
   background-color: #111827;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 16px;
   box-shadow: 0px 10px 24px #000000 inset;
   text-align: center;
}
#card_sov_6-card-body
{
   padding: 24px 22px 24px 22px;
   flex: 1 1 auto;
   font-size: 0;
}
#card_sov_6-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 0 0 14px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   line-height: 24.7px;
   text-align: left;
}
#card_sov_6-card-item1
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #34D399;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_6-card-item2
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F1F5F9;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_6-card-item3
{
   box-sizing: border-box;
   margin: 0 0 16px 0 ;
   padding: 0;
   color: #94A3B8;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#card_sov_6-card-item4
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #F87171;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   line-height: 15.6px;
   text-align: left;
}
#card_sov_6-card-item5
{
   box-sizing: border-box;
   margin: 0 0 3px 0 ;
   padding: 0;
   color: #CBD5E1;
   font-family: Outfit;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
   text-align: left;
}
#card_sov_6-card-item6
{
   box-sizing: border-box;
   border-radius: 0 0 16px 16px !important;
   margin: 0;
   padding: 0;
   color: #64748B;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 17.4px;
   text-align: left;
}
#wb_card_sov_6
{
   transform: rotate(0deg) ;
   border-color: #1E293B;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}
#wb_card_sov_6:hover
{
   transform: translate(0px,-6px) rotate(0deg) ;
   border-color: #34D399;
   transition: transform 300ms linear 0ms, border-color 300ms linear 0ms;
}

/* ============================================================= */
/* WWB SAAS BLOAT-O-METER & CRASH SIMULATOR                      */
/* ============================================================= */
.bloat-sim-container {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #E2E8F0;
  text-align: left;
  user-select: none;
  box-sizing: border-box;
}

.bloat-sim-container * {
  box-sizing: border-box;
}

/* Outer Cyber Console */
.bloat-console {
  background: radial-gradient(circle at 50% 0%, #111A30 0%, #080D1A 85%);
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7), 0 0 40px rgba(56, 189, 248, 0.08);
  position: relative;
  overflow: hidden;
}

/* Console Header Bar */
.console-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 22px;
}
.console-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.console-icon {
  font-size: 26px;
}
.console-heading {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
  letter-spacing: -0.3px;
}
.console-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background: rgba(52, 211, 153, 0.12);
  color: #34D399;
  border: 1px solid rgba(52, 211, 153, 0.35);
  transition: all 0.3s ease;
}
.console-status-pill.warning {
  background: rgba(245, 158, 11, 0.15);
  color: #F59E0B;
  border-color: rgba(245, 158, 11, 0.4);
}
.console-status-pill.danger {
  background: rgba(239, 68, 68, 0.2);
  color: #EF4444;
  border-color: rgba(239, 68, 68, 0.5);
  animation: pulse-danger 0.8s infinite alternate;
}
@keyframes pulse-danger {
  from { box-shadow: 0 0 4px rgba(239, 68, 68, 0.3); }
  to { box-shadow: 0 0 16px rgba(239, 68, 68, 0.8); }
}

.console-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.audio-toggle-btn {
  background: #131E33;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #94A3B8;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}
.audio-toggle-btn:hover {
  background: #1E293B;
  color: #FFFFFF;
  border-color: #38BDF8;
}
.audio-toggle-btn.active {
  color: #38BDF8;
  border-color: rgba(56, 189, 248, 0.5);
  background: rgba(56, 189, 248, 0.1);
}

/* Throttle Control Panel */
.throttle-panel {
  background: #0D1424;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 22px;
}
.throttle-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.throttle-label {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #94A3B8;
  display: flex;
  align-items: center;
  gap: 8px;
}
.throttle-val-badge {
  font-size: 18px;
  font-weight: 800;
  font-family: monospace;
  padding: 3px 12px;
  border-radius: 8px;
  background: #111827;
  color: #34D399;
  border: 1px solid rgba(52, 211, 153, 0.3);
  transition: all 0.25s ease;
}

/* Custom Range Slider */
.bloat-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  background: #1F2937;
  outline: none;
  margin: 14px 0 18px 0;
  cursor: pointer;
  transition: background 0.2s ease;
}
.bloat-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #38BDF8;
  cursor: pointer;
  border: 3px solid #080D1A;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.8);
  transition: transform 0.15s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.bloat-slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
.bloat-slider::-moz-range-thumb {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #38BDF8;
  cursor: pointer;
  border: 3px solid #080D1A;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.8);
}

/* Presets Bar */
.presets-grid {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.preset-btn {
  background: #111827;
  border: 1px solid #1E293B;
  color: #94A3B8;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.preset-btn:hover {
  background: #1E293B;
  color: #FFFFFF;
  border-color: #38BDF8;
}
.preset-btn.active {
  background: #2563EB;
  color: #FFFFFF;
  border-color: #3B82F6;
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.35);
}
.preset-btn.meltdown-btn.active {
  background: #DC2626;
  border-color: #EF4444;
  box-shadow: 0 0 14px rgba(239, 68, 68, 0.6);
  color: #FFFFFF;
}

/* Telemetry Diagnostic HUD */
.telemetry-hud {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 22px;
}
@media (max-width: 900px) {
  .telemetry-hud {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 600px) {
  .telemetry-hud {
    grid-template-columns: 1fr 1fr;
  }
}
.hud-tile {
  background: #0B101E;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease;
}
.hud-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #64748B;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.hud-value {
  font-size: 18px;
  font-weight: 800;
  color: #34D399;
  font-family: monospace;
  transition: color 0.25s ease;
}

/* Virtual Browser Window */
.virtual-browser-wrapper {
  position: relative;
  background: #060911;
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8);
  margin-bottom: 22px;
}
.browser-chrome {
  background: #0E1526;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.window-dots {
  display: flex;
  gap: 6px;
}
.dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.dot-red { background: #EF4444; }
.dot-yellow { background: #F59E0B; }
.dot-green { background: #10B981; }

.browser-url-bar {
  flex: 1;
  background: #060911;
  border: 1px solid #1E293B;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 12px;
  color: #94A3B8;
  font-family: monospace;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  white-space: nowrap;
}
.url-padlock { color: #34D399; }
.url-padlock.insecure { color: #EF4444; }

.browser-badge {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(56, 189, 248, 0.15);
  color: #38BDF8;
}

/* Virtual Webpage Viewport */
.browser-viewport {
  position: relative;
  height: 380px;
  background: #070B14;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  text-align: center;
  transition: filter 0.3s ease;
}

/* Shakes & Glitches */
.shake-mild {
  animation: anim-shake-mild 0.3s infinite ease-in-out;
}
.shake-violent {
  animation: anim-shake-violent 0.12s infinite ease-in-out;
  filter: contrast(140%) hue-rotate(15deg);
}
@keyframes anim-shake-mild {
  0% { transform: translate(0, 0); }
  25% { transform: translate(-2px, 1px); }
  50% { transform: translate(2px, -1px); }
  75% { transform: translate(-1px, -2px); }
  100% { transform: translate(0, 0); }
}
@keyframes anim-shake-violent {
  0% { transform: translate(-4px, 3px) rotate(0.4deg); }
  25% { transform: translate(4px, -3px) rotate(-0.5deg); }
  50% { transform: translate(-5px, -4px) rotate(0.6deg); }
  75% { transform: translate(5px, 4px) rotate(-0.4deg); }
  100% { transform: translate(-3px, 2px) rotate(0.2deg); }
}

/* Viewport WWB Pure Clean State (0% - 20%) */
.clean-page-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 580px;
  transition: opacity 0.3s ease;
}
.clean-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(52, 211, 153, 0.15);
  border: 1px solid rgba(52, 211, 153, 0.4);
  color: #34D399;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
}
.clean-headline {
  font-size: 26px;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
  line-height: 1.25;
}
.clean-sub {
  font-size: 14px;
  color: #94A3B8;
  margin: 0;
  line-height: 1.5;
}
.clean-fps-pill {
  background: #0E1526;
  border: 1px solid #1E293B;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 13px;
  color: #38BDF8;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.fps-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #34D399;
  box-shadow: 0 0 8px #34D399;
}

/* Chaos Overlays & Popups */
.chaos-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 10;
}
.popup-item {
  position: absolute;
  background: #1E293B;
  border: 1px solid #475569;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 12px;
  color: #FFFFFF;
  animation: pop-bounce 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  pointer-events: auto;
  user-select: none;
}
@keyframes pop-bounce {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.cookie-banner {
  bottom: 0;
  left: 0;
  right: 0;
  background: #111827;
  border-top: 2px solid #EF4444;
  padding: 12px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #CBD5E1;
  z-index: 15;
}
.cookie-btns {
  display: flex;
  gap: 8px;
}
.cookie-btn-accept {
  background: #EF4444;
  color: #FFF;
  border: none;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

/* BSOD (Blue Screen of Debt) */
.bsod-screen {
  position: absolute;
  inset: 0;
  background: #00429D;
  color: #FFFFFF;
  padding: 28px;
  font-family: monospace;
  text-align: left;
  z-index: 30;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.bsod-sad-face {
  font-size: 42px;
  margin-bottom: 12px;
}
.bsod-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.bsod-desc {
  font-size: 13px;
  line-height: 1.6;
  opacity: 0.9;
  margin-bottom: 16px;
}
.bsod-code {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 12px;
  color: #F87171;
}

/* Fire & Smoke FX Overlay */
.fire-smoke-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 100%, rgba(239, 68, 68, 0.45) 0%, rgba(245, 158, 11, 0.2) 40%, transparent 80%);
  mix-blend-mode: screen;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 25;
}

/* The Big Purge Emergency Button */
.purge-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.purge-btn {
  background: linear-gradient(135deg, #0284C7 0%, #2563EB 50%, #38BDF8 100%);
  border: 1px solid rgba(56, 189, 248, 0.6);
  color: #FFFFFF;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.5px;
  padding: 16px 36px;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(37, 99, 235, 0.5), 0 0 25px rgba(56, 189, 248, 0.4);
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  align-items: center;
  gap: 10px;
}
.purge-btn:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 40px rgba(37, 99, 235, 0.7), 0 0 35px rgba(56, 189, 248, 0.6);
}
.purge-btn:active {
  transform: translateY(1px) scale(0.98);
}
.purge-subtext {
  font-size: 13px;
  color: #64748B;
  text-align: center;
}

/* Shockwave Ring on Purge */
.shockwave-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 6px solid #38BDF8;
  box-shadow: 0 0 60px #38BDF8, inset 0 0 40px #38BDF8;
  pointer-events: none;
  z-index: 50;
  opacity: 0;
}
.shockwave-active {
  animation: anim-shockwave 0.75s ease-out forwards;
}
@keyframes anim-shockwave {
  0% { transform: translate(-50%, -50%) scale(0.1); opacity: 1; border-width: 12px; }
  100% { transform: translate(-50%, -50%) scale(14); opacity: 0; border-width: 1px; }
}

/* Victory Clean Toast Notification */
.cleanse-toast {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(-30px);
  background: #064E3B;
  border: 1px solid #10B981;
  color: #A7F3D0;
  padding: 10px 22px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6), 0 0 20px rgba(16, 185, 129, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 60;
}
.cleanse-toast.show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
/* ============================================================= */
/* WWB SOFTWARE SOVEREIGNTY CALCULATOR                           */
/* ============================================================= */
.wwb-sov-container {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  text-align: left;
  user-select: none;
}

/* Interactive Calculator Box */
.sov-calc-card {
  background: #0B101E;
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 16px;
  padding: 28px;
  margin-bottom: 28px;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.6);
}
.sov-calc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 16px;
}
.sov-calc-title {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sov-calc-badge {
  background: rgba(56, 189, 248, 0.12);
  color: #38BDF8;
  border: 1px solid rgba(56, 189, 248, 0.3);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
}

/* Calculator Parameters Selector */
.sov-calc-params {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 28px;
}
@media (max-width: 680px) {
  .sov-calc-params {
    grid-template-columns: 1fr;
  }
}
.param-label {
  font-size: 13px;
  color: #94A3B8;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}
.chip-selector {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.chip-btn {
  background: #111827;
  border: 1px solid #1E293B;
  color: #CBD5E1;
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.chip-btn:hover {
  background: #1E293B;
  color: #FFFFFF;
  border-color: #38BDF8;
}
.chip-btn.active {
  background: #2563EB;
  color: #FFFFFF;
  border-color: #3B82F6;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4);
}

/* Comparison Display Rows */
.calc-results-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
@media (max-width: 768px) {
  .calc-results-grid {
    grid-template-columns: 1fr;
  }
}

.calc-box {
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.calc-box-saas {
  background: rgba(239, 68, 68, 0.06);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.calc-box-wwb {
  background: rgba(52, 211, 153, 0.08);
  border: 1px solid rgba(52, 211, 153, 0.35);
}
.calc-box-savings {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(56, 189, 248, 0.1) 100%);
  border: 1px solid rgba(56, 189, 248, 0.4);
  box-shadow: 0 8px 24px rgba(56, 189, 248, 0.15);
}

.calc-box-kicker {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 6px;
}
.kicker-red { color: #F87171; }
.kicker-green { color: #34D399; }
.kicker-blue { color: #38BDF8; }

.calc-box-val {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 8px;
}
.val-red { color: #EF4444; }
.val-green { color: #34D399; }
.val-blue { color: #FFFFFF; text-shadow: 0 0 16px rgba(56, 189, 248, 0.5); }

.calc-box-note {
  font-size: 13px;
  line-height: 1.4;
  color: #94A3B8;
}