@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-code{width:100%}}.s-hero__bg-glow { display: block; position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; } .s-hero__bg-glow--a { width: clamp(22rem, 48vw, 44rem); height: clamp(22rem, 48vw, 44rem); top: -10rem; right: -6rem; background: radial-gradient(ellipse at 40% 40%, hsl(132,78%,52%) 0%, hsl(136,65%,38%) 28%, transparent 65%); opacity: 0.11; filter: blur(3rem); }.s-hero__bg-glow--b { width: clamp(10rem, 22vw, 20rem); height: clamp(10rem, 22vw, 20rem); top: 35%; left: -3rem; background: radial-gradient(ellipse at center, hsl(136,60%,40%) 0%, transparent 70%); opacity: 0.07; filter: blur(2.5rem); }.s-hero__bg-glow--c { width: clamp(16rem, 35vw, 32rem); height: clamp(10rem, 20vw, 18rem); bottom: -4rem; left: 20%; background: radial-gradient(ellipse at center, hsl(222,38%,5%) 0%, hsl(225,32%,8%) 40%, transparent 75%); opacity: 0.8; filter: blur(2rem); }.s-hero__badge-pulse { display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 35% 35%, hsl(128,84%,72%) 0%, hsl(132,80%,52%) 45%, hsl(136,76%,36%) 100%); box-shadow: 0 0 7px rgba(80,220,100,.55); animation: s-hero-blink 2.4s ease-in-out infinite; }.s-hero__badge-text { display: block; font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; color: var(--p2, hsl(132,82%,59%)); } @media (max-width: 576px) { .s-hero__badge-text { font-size: 0.65rem; } }.s-hero__badge { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.55rem; background: rgba(80,220,100,.08); border: var(--b-green, 1px solid rgba(80,220,100,.28)); border-radius: var(--r-full, 9999px); padding: 0.35rem 1rem 0.35rem 0.7rem; margin-bottom: 1.5rem; }.s-hero__h1 { display: block; font-family: var(--fh, 'Raleway', sans-serif); font-size: var(--h1, clamp(2rem, 5.5vw, 3.5rem)); font-weight: 900; line-height: 1.1; letter-spacing: -0.025em; color: var(--text, hsl(0,0%,95%)); margin-bottom: 1.25rem; }.s-hero__sub { display: block; font-family: var(--fb, 'Mulish', sans-serif); font-size: clamp(1rem, 1.8vw, 1.1rem); font-weight: 400; line-height: 1.72; color: var(--text2, hsl(216,15%,70%)); margin-bottom: 1.75rem; max-width: 430px; }.s-hero__item-icon { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-shrink: 0; width: 1.55rem; height: 1.55rem; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(80,220,100,.22) 0%, rgba(80,220,100,.08) 100%); border: var(--b-green, 1px solid rgba(80,220,100,.28)); color: var(--p3, hsl(136,78%,47%)); }.s-hero__item-text { display: block; font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.95rem; font-weight: 600; color: var(--text, hsl(0,0%,95%)); }.s-hero__item { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.65rem; }.s-hero__list { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.7rem; list-style: none; padding: 0; margin: 0 0 2rem; }.s-hero__btn-label { display: block; }.s-hero__btn-arrow { display: block; flex-shrink: 0; transition: transform var(--df,.16s) ease; }.s-hero__btn { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.45rem; border: none; cursor: pointer; text-decoration: none; white-space: nowrap; transition: transform var(--dt,.25s) var(--ease, cubic-bezier(.25,.46,.45,.94)), box-shadow var(--dt,.25s) ease, opacity var(--dt,.25s) ease; } .s-hero__btn--primary { padding: 0.875rem 1.8rem; border-radius: var(--r-full, 9999px); background: var(--pg-btn-inv, linear-gradient(140deg, hsl(128,74%,72%) 0%, hsl(132,80%,58%) 25%, hsl(136,76%,46%) 55%, hsl(140,72%,34%) 80%, hsl(143,70%,26%) 100%)); font-family: var(--fh, 'Raleway', sans-serif); font-size: 0.95rem; font-weight: 700; letter-spacing: 0.01em; color: var(--text-dk, hsl(228,32%,6%)); box-shadow: var(--glow-md, 0 0 28px rgba(80,220,100,.38), 0 4px 18px rgba(0,0,0,.35)); } @media (max-width: 768px) { .s-hero__btn { justify-content: center; } }.s-hero__btn--ghost { padding: 0.875rem 1.5rem; border-radius: var(--r-full, 9999px); border: var(--b-mid, 1px solid rgba(255,255,255,.14)); background: rgba(255,255,255,.04); font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.9rem; font-weight: 600; color: var(--text, hsl(0,0%,95%)); backdrop-filter: blur(8px); }.s-hero__actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.875rem; flex-wrap: wrap; margin-bottom: 2rem; } @media (max-width: 768px) { .s-hero__actions { flex-direction: column; align-items: stretch; } }.s-hero__avatar { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; border: 2px solid var(--n90, hsl(226,30%,9%)); font-family: var(--fh, 'Raleway', sans-serif); font-size: 0.68rem; font-weight: 900; color: var(--text-dk, hsl(228,32%,6%)); margin-right: -0.5rem; position: relative; } .s-hero__avatar--1 { background: radial-gradient(circle at 35% 35%, hsl(130,78%,70%) 0%, hsl(134,72%,50%) 45%, hsl(138,68%,38%) 100%); z-index: 3; }.s-hero__avatar--2 { background: radial-gradient(circle at 35% 35%, hsl(132,76%,65%) 0%, hsl(136,70%,48%) 45%, hsl(140,66%,36%) 100%); z-index: 2; }.s-hero__avatar--3 { background: radial-gradient(circle at 35% 35%, hsl(134,74%,60%) 0%, hsl(138,68%,45%) 45%, hsl(142,64%,34%) 100%); z-index: 1; }.s-hero__avatars { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-shrink: 0; }.s-hero__social-text { display: block; font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.8rem; font-weight: 500; color: var(--textm, hsl(216,12%,50%)); padding-left: 0.65rem; }.s-hero__social-proof { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.75rem; } @media (max-width: 480px) { .s-hero__social-proof { flex-wrap: wrap; } }.s-hero__col { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .s-hero__col--copy { flex: 0 0 43%; max-width: 510px; }@media (max-width: 1100px) { .s-hero__col--copy { flex-basis: 44%; } }@media (max-width: 992px) { .s-hero__col--copy { flex: 1 1 auto; max-width: none; } }.s-hero__card-icon { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; color: var(--p3, hsl(136,78%,47%)); margin-bottom: 0.55rem; }.s-hero__card-title { display: block; font-family: var(--fh, 'Raleway', sans-serif); font-size: 1.1rem; font-weight: 800; color: var(--text, hsl(0,0%,95%)); line-height: 1.2; margin-bottom: 0.2rem; }.s-hero__card-note { display: block; font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.78rem; font-weight: 500; color: var(--textm, hsl(216,12%,50%)); }.s-hero__card-head { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 1.5rem 1.75rem 1.2rem; background: linear-gradient(180deg, hsl(228,35%,18%) 0%, hsl(227,32%,15%) 100%); border-bottom: var(--b-sub, 1px solid rgba(255,255,255,.06)); position: relative; z-index: 0; }.s-hero__label { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.4rem; font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text2, hsl(216,15%,70%)); }.s-hero__unit { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-shrink: 0; padding: 0 0.875rem; font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.78rem; font-weight: 700; color: var(--textm, hsl(216,12%,50%)); background: rgba(255,255,255,.03); border-left: 1px solid rgba(255,255,255,.06); align-self: stretch; }.s-hero__input-group { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; border-radius: var(--r-md, 0.5rem); border: var(--b-sub, 1px solid rgba(255,255,255,.06)); background: rgba(255,255,255,.04); overflow: hidden; transition: border-color var(--df,.16s) ease, box-shadow var(--df,.16s) ease; }.s-hero__range-min, .s-hero__range-max { display: block; font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.68rem; font-weight: 500; color: var(--textm, hsl(216,12%,50%)); }.s-hero__range-ends { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }.s-hero__range-wrap { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0.3rem; width: 100%; }.s-hero__desc { display: block; font-family: var(--fb, 'Mulish', sans-serif); font-size: 0.7rem; font-weight: 400; color: var(--textm, hsl(216,12%,50%)); }.s-hero__field { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.45rem; width: 100%; }.s-hero__input-group--slim { width: auto; min-width: 6.5rem; }.s-hero__down-val { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-family: var(--fh,'Raleway',sans-serif); font-size: 0.9rem; font-weight: 800; background: linear-gradient(135deg, hsl(128,80%,70%) 0%, hsl(132,80%,58%) 40%, hsl(136,76%,46%) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; white-space: nowrap; }.s-hero__split { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 1rem; width: 100%; }.s-hero__pill { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0.4rem 0.9rem; border-radius: var(--r-lg, 0.875rem); border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.04); font-family: var(--fb,'Mulish',sans-serif); font-size: 0.82rem; font-weight: 700; color: var(--text2, hsl(216,15%,70%)); cursor: pointer; transition: background var(--df,.16s) ease, border-color var(--df,.16s) ease, color var(--df,.16s) ease, box-shadow var(--df,.16s) ease; } @media (max-width: 480px) { .s-hero__pill { padding: 0.35rem 0.7rem; font-size: 0.78rem; } }.s-hero__pill { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0.4rem 0.9rem; border-radius: var(--r-lg, 0.875rem); border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.04); font-family: var(--fb,'Mulish',sans-serif); font-size: 0.82rem; font-weight: 700; color: var(--text2, hsl(216,15%,70%)); cursor: pointer; transition: background var(--df,.16s) ease, border-color var(--df,.16s) ease, color var(--df,.16s) ease, box-shadow var(--df,.16s) ease; } @media (max-width: 480px) { .s-hero__pill { padding: 0.35rem 0.7rem; font-size: 0.78rem; } } .s-hero__pill--on { background: linear-gradient(145deg, rgba(80,220,100,.18) 0%, rgba(80,220,100,.08) 100%); border-color: rgba(80,220,100,.5); color: var(--p2, hsl(132,82%,59%)); box-shadow: var(--glow-sm, 0 0 14px rgba(80,220,100,.28)); }.s-hero__pills { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.35rem; flex-wrap: wrap; width: 100%; } @media (max-width: 576px) { .s-hero__pills { gap: 0.3rem; } }.s-hero__card-body { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 1.2rem; padding: 1.5rem 1.75rem; } @media (max-width: 768px) { .s-hero__card-body { padding: 1.25rem; } }.s-hero__result-tag { display: block; font-family: var(--fb,'Mulish',sans-serif); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: hsl(136,58%,68%); }.s-hero__result-amount { display: block; font-family: var(--fh,'Raleway',sans-serif); font-size: clamp(1.5rem,3.2vw,2.2rem); font-weight: 900; letter-spacing: -0.02em; color: var(--text, hsl(0,0%,95%)); }.s-hero__result-main { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(80,220,100,.14); } @media (max-width: 576px) { .s-hero__result-main { flex-direction: column; align-items: flex-start; gap: 0.3rem; padding: 1rem; } }.s-hero__result-stat-tag { display: block; font-family: var(--fb,'Mulish',sans-serif); font-size: 0.68rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: hsl(136,44%,56%); }.s-hero__result-stat-val { display: block; font-family: var(--fh,'Raleway',sans-serif); font-size: 0.95rem; font-weight: 800; color: var(--text, hsl(0,0%,95%)); }.s-hero__result-stat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2rem; flex: 1; }.s-hero__result-sep { display: block; width: 1px; height: 2rem; flex-shrink: 0; margin: 0 0.5rem; background: rgba(80,220,100,.2); }.s-hero__result-row { display: flex; flex-direction: row; align-items: center; justify-content: space-around; padding: 0.9rem 1.5rem; } @media (max-width: 576px) { .s-hero__result-row { padding: 0.75rem 1rem; } }.s-hero__result { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; margin: 0 1.75rem; border-radius: var(--r-lg, 0.875rem); border: var(--b-green, 1px solid rgba(80,220,100,.28)); overflow: hidden; background: var(--card-result-inv, linear-gradient(162deg, hsl(136,52%,26%) 0%, hsl(138,49%,20%) 35%, hsl(140,46%,16%) 65%, hsl(143,43%,11%) 100%)); box-shadow: 0 0 0 1px rgba(80,220,100,.06) inset, 0 0 30px rgba(80,220,100,.14);}@media (max-width: 768px) { .s-hero__result { margin: 0 1.25rem; } }.s-hero__card-cta-label { display: block; font-family: var(--fh,'Raleway',sans-serif); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.01em; color: var(--text-dk, hsl(228,32%,6%)); }.s-hero__card-cta { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.5rem; margin: 1.25rem 1.75rem 0; padding: 0.9rem 1.5rem; border-radius: var(--r-lg, 0.875rem); text-decoration: none; background: var(--pg-btn-inv, linear-gradient(140deg, hsl(128,74%,72%) 0%, hsl(132,80%,58%) 25%, hsl(136,76%,46%) 55%, hsl(140,72%,34%) 80%, hsl(143,70%,26%) 100%)); box-shadow: 0 0 22px rgba(80,220,100,.28), var(--sh-md, 0 4px 20px rgba(0,0,0,.45)); transition: transform var(--dt,.25s) var(--ease, cubic-bezier(.25,.46,.45,.94)), box-shadow var(--dt,.25s) ease;}@media (max-width: 768px) { .s-hero__card-cta { margin: 1.25rem 1.25rem 0; } }.s-hero__card-legal { display: block; margin: 0.75rem 1.75rem 1.5rem; font-family: var(--fb,'Mulish',sans-serif); font-size: 0.68rem; font-weight: 400; line-height: 1.5; color: var(--textm, hsl(216,12%,50%)); text-align: center; } @media (max-width: 768px) { .s-hero__card-legal { margin: 0.7rem 1.25rem 1.25rem; } }.s-hero__card { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; height: 100%; border-radius: var(--r-xl, 1.25rem); border: var(--b-sub, 1px solid rgba(255,255,255,.06)); overflow: hidden; position: relative; background: var(--card-inv, linear-gradient(165deg, hsl(226,32%,17%) 0%, hsl(225,29%,14%) 40%, hsl(224,27%,11%) 70%, hsl(222,25%,8%) 100%)); box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, var(--sh-lg, 0 10px 44px rgba(0,0,0,.55)), 0 0 50px rgba(80,220,100,.07);}.s-hero__col--calc { flex: 0 0 52%; max-width: 590px; align-self: stretch; } @media (max-width: 1100px) { .s-hero__col--calc { flex-basis: 50%; } } @media (max-width: 992px) { .s-hero__col--calc { flex: 1 1 auto; max-width: none; align-self: auto; } }.s-hero__container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: clamp(2.5rem, 6vw, 5rem); max-width: 1220px; margin: 0 auto; position: relative; z-index: 1;}@media (max-width: 1100px) { .s-hero__container { gap: 2.5rem; } }@media (max-width: 992px) { .s-hero__container { flex-direction: column; align-items: stretch; max-width: 660px; } }.s-hero { display: block; position: relative; overflow: hidden; padding: clamp(5rem, 12vh, 8rem) clamp(1.25rem, 5vw, 2rem) clamp(4rem, 10vh, 6.5rem); background: radial-gradient(ellipse 80% 55% at 68% -8%, hsl(136,60%,34%) 0%, transparent 70%), radial-gradient(ellipse 42% 38% at 4% 28%, hsl(228,40%,16%) 0%, transparent 65%), radial-gradient(ellipse 50% 42% at 94% 96%, hsl(222,35%,6%) 0%, transparent 68%), var(--section-bg-inv, linear-gradient(172deg, hsl(228,34%,15%) 0%, hsl(227,31%,11%) 30%, hsl(225,29%,8%) 60%, hsl(223,32%,5%) 100%));}@media (max-width: 768px) { .s-hero { padding: 4rem 1.25rem 3.5rem; }}