html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family:'Bricolage Grotesque';
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block;
    
}
audio:not([controls]) {
    height: 0;
    display: none;
}
[hidden],
template {
    display: none;
}
a {
    background-color: #0000;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    margin: 0.67em 0;
    font-size: 2em;
}
mark {
    color: #000;
    background: #ff0;
}
small {
    font-size: 80%;
}
sub,
sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
        format("truetype");
    font-weight: 400;
    font-style: normal;
}
[class^="w-icon-"],
[class*="\ w-icon-"] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
    content: "";
}
.w-icon-slider-left:before {
    content: "";
}
.w-icon-nav-menu:before {
    content: "";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
    content: "";
}
.w-icon-file-upload-remove:before {
    content: "";
}
.w-icon-file-upload-icon:before {
    content: "";
}
* {
    box-sizing: border-box;
}
html {
    height: 100%;
}
body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}
img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
html.w-mod-touch * {
    background-attachment: scroll !important;
}
.w-block {
    display: block;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-clearfix:after {
    clear: both;
}
.w-hidden {
    display: none;
}
.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}
input.w-button {
    -webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
    color: #0000 !important;
}
.w-code-block {
    margin: unset;
}
pre.w-code-block code {
    all: inherit;
}
.w-optimization {
    display: contents;
}
.w-webflow-badge,
.w-webflow-badge > img {
    box-sizing: unset;
    width: unset;
    height: unset;
    max-height: unset;
    max-width: unset;
    min-height: unset;
    min-width: unset;
    margin: unset;
    padding: unset;
    float: unset;
    clear: unset;
    border: unset;
    border-radius: unset;
    background: unset;
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-origin: unset;
    background-clip: unset;
    background-attachment: unset;
    background-color: unset;
    box-shadow: unset;
    transform: unset;
    direction: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    font-variant: unset;
    text-align: unset;
    letter-spacing: unset;
    -webkit-text-decoration: unset;
    text-decoration: unset;
    text-indent: unset;
    text-transform: unset;
    list-style-type: unset;
    text-shadow: unset;
    vertical-align: unset;
    cursor: unset;
    white-space: unset;
    word-break: unset;
    word-spacing: unset;
    word-wrap: unset;
    transition: unset;
}
.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    overflow: unset !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    inset: auto 12px 12px auto !important;
    transform: none !important;
}
.w-webflow-badge > img {
    position: unset;
    visibility: unset !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    font-weight: 700;
}
h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 800;
}
h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px;
    font-family: 'Poppins', sans-serif;
}
h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
}
h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
}
h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
}
h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Poppins', sans-serif;
}
p {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
}
blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px;
}
figure {
    margin: 0 0 10px;
}
figcaption {
    text-align: center;
    margin-top: 5px;
}
ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}
.w-list-unstyled {
    padding-left: 0;
    list-style: none;
}
.w-embed:before,
.w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-embed:after {
    clear: both;
}
.w-video {
    width: 100%;
    padding: 0;
    position: relative;
}
.w-video iframe,
.w-video object,
.w-video embed {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
button,
[type="button"],
[type="reset"] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
}
.w-form {
    margin: 0 0 15px;
}
.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
}
.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
}
label {
    margin-bottom: 5px;
    font-weight: 700;
    display: block;
}
.w-input,
.w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
}
.w-input::placeholder,
.w-select::placeholder {
    color: #999;
}
.w-input:focus,
.w-select:focus {
    border-color: #3898ec;
    outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
    cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee;
}
textarea.w-input,
textarea.w-select {
    height: auto;
}
.w-select {
    background-color: #f3f3f3;
}
.w-select[multiple] {
    height: auto;
}
.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block;
}
.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}
.w-radio:before,
.w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-radio:after {
    clear: both;
}
.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal;
}
.w-file-upload {
    margin-bottom: 10px;
    display: block;
}
.w-file-upload-input {
    opacity: 0;
    z-index: -100;
    width: 0.1px;
    height: 0.1px;
    position: absolute;
    overflow: hidden;
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
    color: #333;
    display: inline-block;
}
.w-file-upload-error {
    margin-top: 10px;
    display: block;
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
    display: none;
}
.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
}
.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex;
}
.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.w-file-remove-link {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block;
}
.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px;
}
.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block;
}
.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block;
}
.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
}
.w-icon-file-upload-uploading {
    height: 20px;
}
.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}
.w-container:before,
.w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-container:after {
    clear: both;
}
.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px;
}
.w-row:before,
.w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-row:after {
    clear: both;
}
.w-row .w-row {
    margin-left: 0;
    margin-right: 0;
}
.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.w-col .w-col {
    padding-left: 0;
    padding-right: 0;
}
.w-col-1 {
    width: 8.33333%;
}
.w-col-2 {
    width: 16.6667%;
}
.w-col-3 {
    width: 25%;
}
.w-col-4 {
    width: 33.3333%;
}
.w-col-5 {
    width: 41.6667%;
}
.w-col-6 {
    width: 50%;
}
.w-col-7 {
    width: 58.3333%;
}
.w-col-8 {
    width: 66.6667%;
}
.w-col-9 {
    width: 75%;
}
.w-col-10 {
    width: 83.3333%;
}
.w-col-11 {
    width: 91.6667%;
}
.w-col-12 {
    width: 100%;
}
.w-hidden-main {
    display: none !important;
}
@media screen and (max-width: 991px) {
    .w-container {
        max-width: 728px;
    }
    .w-hidden-main {
        display: inherit !important;
    }
    .w-hidden-medium {
        display: none !important;
    }
    .w-col-medium-1 {
        width: 8.33333%;
    }
    .w-col-medium-2 {
        width: 16.6667%;
    }
    .w-col-medium-3 {
        width: 25%;
    }
    .w-col-medium-4 {
        width: 33.3333%;
    }
    .w-col-medium-5 {
        width: 41.6667%;
    }
    .w-col-medium-6 {
        width: 50%;
    }
    .w-col-medium-7 {
        width: 58.3333%;
    }
    .w-col-medium-8 {
        width: 66.6667%;
    }
    .w-col-medium-9 {
        width: 75%;
    }
    .w-col-medium-10 {
        width: 83.3333%;
    }
    .w-col-medium-11 {
        width: 91.6667%;
    }
    .w-col-medium-12 {
        width: 100%;
    }
    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto;
    }
}
@media screen and (max-width: 767px) {
    .w-hidden-main,
    .w-hidden-medium {
        display: inherit !important;
    }
    .w-hidden-small {
        display: none !important;
    }
    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0;
    }
    .w-col {
        width: 100%;
        left: auto;
        right: auto;
    }
    .w-col-small-1 {
        width: 8.33333%;
    }
    .w-col-small-2 {
        width: 16.6667%;
    }
    .w-col-small-3 {
        width: 25%;
    }
    .w-col-small-4 {
        width: 33.3333%;
    }
    .w-col-small-5 {
        width: 41.6667%;
    }
    .w-col-small-6 {
        width: 50%;
    }
    .w-col-small-7 {
        width: 58.3333%;
    }
    .w-col-small-8 {
        width: 66.6667%;
    }
    .w-col-small-9 {
        width: 75%;
    }
    .w-col-small-10 {
        width: 83.3333%;
    }
    .w-col-small-11 {
        width: 91.6667%;
    }
    .w-col-small-12 {
        width: 100%;
    }
}
@media screen and (max-width: 479px) {
    .w-container {
        max-width: none;
    }
    .w-hidden-main,
    .w-hidden-medium,
    .w-hidden-small {
        display: inherit !important;
    }
    .w-hidden-tiny {
        display: none !important;
    }
    .w-col {
        width: 100%;
    }
    .w-col-tiny-1 {
        width: 8.33333%;
    }
    .w-col-tiny-2 {
        width: 16.6667%;
    }
    .w-col-tiny-3 {
        width: 25%;
    }
    .w-col-tiny-4 {
        width: 33.3333%;
    }
    .w-col-tiny-5 {
        width: 41.6667%;
    }
    .w-col-tiny-6 {
        width: 50%;
    }
    .w-col-tiny-7 {
        width: 58.3333%;
    }
    .w-col-tiny-8 {
        width: 66.6667%;
    }
    .w-col-tiny-9 {
        width: 75%;
    }
    .w-col-tiny-10 {
        width: 83.3333%;
    }
    .w-col-tiny-11 {
        width: 91.6667%;
    }
    .w-col-tiny-12 {
        width: 100%;
    }
}
.w-widget {
    position: relative;
}
.w-widget-map {
    width: 100%;
    height: 400px;
}
.w-widget-map label {
    width: auto;
    display: inline;
}
.w-widget-map img {
    max-width: inherit;
}
.w-widget-map .gm-style-iw {
    text-align: center;
}
.w-widget-map .gm-style-iw > button {
    display: none !important;
}
.w-widget-twitter {
    overflow: hidden;
}
.w-widget-twitter-count-shim {
    vertical-align: top;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative;
}
.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative;
}
.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: #75869600 #5d6c7b #75869600 #75869600;
    margin-top: -4px;
    margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: #fff0 #fff #fff0 #fff0;
    margin-top: -4px;
    margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b #75869600 #75869600;
    margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff #fff0 #fff0;
    margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px;
}
.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.w-background-video > video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important;
}
.w-background-video--control {
    background-color: #0000;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em;
}
.w-background-video--control > [hidden] {
    display: none !important;
}
.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    background: #ddd;
    height: 300px;
    position: relative;
}
.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
}
.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}
.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    inset: auto 0 0;
}
.w-slider-nav.w-round > div {
    border-radius: 100%;
}
.w-slider-nav.w-num > div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: 0.2em 0.5em;
}
.w-slider-nav.w-shadow > div {
    box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
    color: #fff;
}
.w-slider-nav-invert > div {
    background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
    background-color: #222;
}
.w-slider-dot {
    cursor: pointer;
    background-color: #fff6;
    width: 1em;
    height: 1em;
    margin: 0 3px 0.5em;
    transition: background-color 0.1s, color 0.1s;
    display: inline-block;
    position: relative;
}
.w-slider-dot.w-active {
    background-color: #fff;
}
.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
    box-shadow: none;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*="\ w-icon-"],
.w-slider-arrow-right [class*="\ w-icon-"] {
    position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0;
}
.w-slider-arrow-left {
    z-index: 3;
    right: auto;
}
.w-slider-arrow-right {
    z-index: 4;
    left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0;
}
.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.w-slider-force-show {
    display: block !important;
}
.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative;
}
.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block;
}
.w-dropdown-toggle:focus {
    outline: 0;
}
.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute;
}
.w-dropdown-list.w--open {
    display: block;
}
.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block;
}
.w-dropdown-link.w--current {
    color: #0082f3;
}
.w-dropdown-link:focus {
    outline: 0;
}
@media screen and (max-width: 767px) {
    .w-nav-brand {
        padding-left: 10px;
    }
}
.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #000000e6;
    outline: 0;
    font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    inset: 0;
    -webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto;
}
.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
}
.w-lightbox-view:before {
    content: "";
    height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
    height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block;
}
.w-lightbox-figure {
    margin: 0;
    position: relative;
}
.w-lightbox-group .w-lightbox-figure {
    cursor: pointer;
}
.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto;
}
.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block;
}
.w-lightbox-group .w-lightbox-image {
    max-height: 86vh;
}
.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #0006;
    padding: 0.5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}
.w-lightbox-control {
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all 0.3s;
    position: absolute;
    top: 0;
}
.w-lightbox-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display: none;
    bottom: 0;
    left: 0;
}
.w-lightbox-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display: none;
    bottom: 0;
    right: 0;
}
.w-lightbox-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px;
    height: 2.6em;
    right: 0;
}
.w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto hidden;
}
.w-lightbox-item {
    box-sizing: content-box;
    cursor: pointer;
    width: 10vh;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(0, 0);
}
.w-lightbox-active {
    opacity: 0.3;
}
.w-lightbox-thumbnail {
    background: #222;
    height: 10vh;
    position: relative;
    overflow: hidden;
}
.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}
.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid #0006;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: 0.8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%;
}
.w-lightbox-spinner:after {
    content: "";
    border: 3px solid #0000;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    inset: -4px;
}
.w-lightbox-hide {
    display: none;
}
.w-lightbox-noscroll {
    overflow: hidden;
}
@media (min-width: 768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh;
    }
    .w-lightbox-view,
    .w-lightbox-view:before {
        height: 96vh;
    }
    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 84vh;
    }
    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh;
    }
    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh;
    }
    .w-lightbox-left,
    .w-lightbox-right {
        opacity: 0.5;
        display: block;
    }
    .w-lightbox-close {
        opacity: 0.8;
    }
    .w-lightbox-control:hover {
        opacity: 1;
    }
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
    opacity: 0;
}
.w-richtext:before,
.w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-richtext:after {
    clear: both;
}
.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
    white-space: initial;
}
.w-richtext ol,
.w-richtext ul {
    overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
    outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after,
.w-richtext figure[data-rt-type="video"] > div:after {
    content: "";
    display: none;
    position: absolute;
    inset: 0;
}
.w-richtext figure {
    max-width: 60%;
    position: relative;
}
.w-richtext figure > div:before {
    cursor: default !important;
}
.w-richtext figure img {
    width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: 0.6;
}
.w-richtext figure div {
    color: #0000;
    font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
    display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type="image"] > div {
    display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
    caption-side: bottom;
    display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
    width: 60%;
    height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div {
    width: 100%;
}
.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
    max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
    clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
    padding-bottom: inherit;
    display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
    display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px;
}
.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative;
}
.w-nav:before,
.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-nav:after {
    clear: both;
}
.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative;
}
.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.w-nav-link.w--current {
    color: #0082f3;
}
.w-nav-menu {
    float: right;
    position: relative;
}
[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important;
}
.w--nav-link-open {
    display: block;
    position: relative;
}
.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
    top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
    width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
    width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto;
}
.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative;
}
.w-nav-button:focus {
    outline: 0;
}
.w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
    display: none;
}
.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
    display: block;
}
.w--nav-dropdown-list-open {
    position: static;
}
/* General tablet optimization (iPad & similar) */
@media screen and (min-width: 600px) and (max-width: 820px) {
  .page-hero {
    display: flex !important;
    flex-direction: column !important;   /* stack vertically */
    align-items: center !important;      /* center horizontally */
    text-align: center !important;
    gap: 1.5rem !important;
    margin-bottom: 0 !important;
  }

  .page-hero .content-w {
    max-width: 85% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  #seamless-heading {
    text-align: center !important;
    white-space: nowrap !important;
  }

  #ai-subtext {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    max-width: 90% !important;  /* keeps it looking nice */
  }

  #insight-block #ai-subtext {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    max-width: 100% !important;  /* good spacing between lines */
  } 

  #insight-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;     /* centers the whole block */
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  #insight-block h1,
  #insight-block #ai-subtext,
  #insight-block .button-wrap {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #features-list li {
    white-space: nowrap !important;   /* prevent wrapping */
  }

  .page-hero h1.h-display,
  .page-hero p.p-med {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-hero .button-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 1rem !important;
    width: 100% !important;
  }

  .page-hero__visual {
    width: 100% !important;
    margin-top: 1rem !important;
    display: flex !important;
    justify-content: center !important;
  }

  .page-hero__visual video {
    width: 100% !important;
    max-width: 1000px !important;  /* larger video for iPad Mini */
    height: auto !important;
    display: block !important;
  }

  /* Center "Download" text inside the button */
  .page-hero .button {
    display: flex !important;
    align-items: center !important;   /* vertical centering */
    justify-content: center !important; /* horizontal centering */
    padding: 0.75rem 2rem !important;  /* balanced padding */
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .page-hero .button .p-reg {
    margin: 0 !important;             
    padding: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
.footer-logo-img { 
    max-width: 150px !important;   /* shrink logo */
    height: auto !important;
    margin-left: 20px !important; /* add space on the right */
  }
  .page-hero {
    gap: 1rem !important;
  }
}  /* <-- this closing brace was missing in your CSS */



@media screen and (max-width: 991px) {
    .w-nav[data-collapse="medium"] .w-nav-menu {
        display: none;
    }
    .w-nav[data-collapse="medium"] .w-nav-button {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .w-nav[data-collapse="small"] .w-nav-menu {
        display: none;
    }
    .w-nav[data-collapse="small"] .w-nav-button {
        display: block;
    }
    .w-nav-brand {
        padding-left: 10px;
    }
}
@media screen and (max-width: 479px) {
    .w-nav[data-collapse="tiny"] .w-nav-menu {
        display: none;
    }
    .w-nav[data-collapse="tiny"] .w-nav-button {
        display: block;
    }
}
.w-tabs {
    position: relative;
}
.w-tabs:before,
.w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-tabs:after {
    clear: both;
}
.w-tab-menu {
    position: relative;
}
.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.w-tab-link.w--current {
    background-color: #c8c8c8;
}
.w-tab-link:focus {
    outline: 0;
}
.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden;
}
.w-tab-pane {
    display: none;
    position: relative;
}
.w--tab-active {
    display: block;
}
@media screen and (max-width: 479px) {
    .w-tab-link {
        display: block;
    }
}
.w-ix-emptyfix:after {
    content: "";
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.w-dyn-empty {
    background-color: #ddd;
    padding: 10px;
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
    display: none !important;
}
.wf-layout-layout {
    display: grid;
}
@font-face {
    font-family: PP Neue Montreal;
    src: url(../fonts/659fd3b688ac3ef2ae3c7927_PPNeueMontreal-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: PP Neue Montreal;
    src: url(../fonts/659fd3b6edf7b715a6ffbe84_PPNeueMontreal-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: PP Neue Montreal Mono;
    src: url(../fonts/659fd3d188ac3ef2ae3c90ae_PPNeueMontrealMono-Book.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: PP Neue Montreal;
    src: url(../fonts/65d7ce451dd27d043fd52655_PPNeueMontreal-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
:root {
    --color--white: white;
    --color--black: black;
    --radius--desktop: 1.25rem;
    --color--grey-50: #f9fafb;
    --color--grey-0: #f5f5f7;
    --color--green-900: #093c15;
    --color--grey-900: #3d4148;
    --color--violet-100: #f3ebfb;
    --color--grey-200: #eceff4;
    --color--grey-100: #f5f7fb;
    --color--peach-900: #fee9d1;
    --color--green-100: #adeca5;
    --color--orange-100: #fef0c7;
    --color--green-700: #37af68;
    --color--green-800: #1e7048;
    --color--grey-400: #c1c7d1;
    --color--peach-100: #fffbf7;
    --hovercard--title: 2.5em;
    --radius--button: 5rem;
    --color--droplet-100: #eff7ff;
    --color--grey-800: #5b616b;
    --color--droplet-200: #dff0ff;
    --color--yellow-900: #6f5e2b;
    --color--droplet-900: #0d4b85;
    --color--yellow-100: #fdf1d7;
    --color--wasabi-100: #baa3c1;
    --color--wasabi-900: #2a1730;
    --color--green-600: #039855;
    --color--red-100: #fbeae7;
    --color--green-50: #f2f9eb;
    --color--violet-50: #f9f5fd;
    --color--grey-700: #7a828f;
    --color--wasabi-300: #d5ecbd;
    --color--green-200: #b5ebc8;
    --color--droplet-300: #d3e9ff;
    --color--droplet-0: #f2f8ff;
    --color--grey-600: #98a2b3;
    --color--green-0: #e1fdea;
    --color--peach-300: #ebdee7;
    --color--green-500: #41c176;
}
.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}
.w-checkbox:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}
.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1/1/2/2;
    display: table;
}
.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}
.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url(../images/custom-checkbox-checkmark.589d534424.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}
body {
    background-color: var(--color--white);
    color: var(--color--black);
    font-family: PP Neue Montreal, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5.625em;
    font-weight: 500;
    line-height: 0.85;
}
h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.25em;
    font-weight: 500;
    line-height: 1.1;
}
h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.2;
}
h4 {
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.75em;
    font-weight: 500;
    line-height: 1;
}
h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
p {
    margin-bottom: 0;
}
a {
    text-decoration: underline;
}
blockquote {
    border-left: 5px solid #e2e2e2;
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px;
}
.global {
    position: fixed;
    inset: 0% auto auto 0%;
}
.page-w.is--flow {
    position: relative;
}
.main-w {
    overflow: clip;
}
.main-w.is--transitioning {
    height: 100vh;
    overflow: hidden;
}
.main-w.is--flow {
    min-height: 85vh;
}
.section {
    z-index: 1;
    background-color: var(--color--white);
    position: relative;
}
.section.is--full {
    min-height: 100vh;
}
.section.is--full.text-color-white {
    overflow: hidden;
}
.section.text-color-white {
    color: var(--color--white);
}
.section.is--scroll-bg {
    color: var(--color--white);
    height: 125vw;
    overflow: clip;
}
.section.is--blue {
    z-index: 2;
    background-image: linear-gradient(#e6ffe6, #e6ffe699 60%, #e6ffe600);
}
.section.is--page__end {
    border-bottom-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
}
.section.is--page__end.z--3 {
    z-index: 3;
}
.section.z--2 {
    z-index: 2;
    place-items: center end;
}
.section.coming-soon {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.section.bg-color-beige {
    background-color: #fffaf4;
}
.section.bg-color-transparent {
    background-color: #0000;
}
.section.z--3 {
    z-index: 3;
}
.section.bg-color-grey-50 {
    background-color: var(--color--grey-50);
}
.section.home-moneymap {
    background-color: var(--color--grey-0);
    max-height: calc(100vh - 5rem);
}
.section.bg-color-grey-0 {
    background-color: var(--color--grey-0);
}
.section.bg-color-grey-0.logo-strip {
    z-index: 0;
    margin-top: -2rem;
    padding-top: 2rem;
}



.price-heading{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    column-gap:3rem;
}
.heading{
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
}
.toggle {
    color: black;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
}

.toggleButtonContainer {
    height: 2rem;
    width: 3.5rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    padding: 2px;
    transition: background 0.3s ease;
}

.toggleButtonContainer input {
    display: none;
}

.toggleButtonContainer:has(input:checked) {
    justify-content: flex-end;
}

.toggleButton {
    height: 1.6rem;
    width: 1.6rem;
    background-color: #fee9d1; /* default circle color */
    border-radius: 50%;
    transition: background 0.3s ease;
}

/* when checked, only the circle changes color */
.toggleButtonContainer:has(input:checked) .toggleButton {
    background-color: #007bff; /* blue when active */
}

.cards{
    /* min-width: 900px; */
    display: flex;
    width: 100%;    
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:2rem;
    margin:auto;
}
.card{
    max-width: 350px;
    width: 100%;
    /* max-width: 320; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:1rem 0;
    border-radius: 9px;
    padding: 2rem;
    font-weight: 700;
    background-color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
    font-size:15px;
    /* border:2px solid black; */
}
.card-name{
    font-size: 1.2rem;
}
.perks{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* padding-top: 1rem;
    padding-bottom: 1rem; */
    margin: 1rem;
    /* gap:1rem; */
    /* border:2px solid black; */
}
.perks1{
    width: 100%;
    border-top:1px solid hsl(234, 14%, 74%);
    text-align: center;
    padding-top:1rem;
    padding-bottom:1rem;
}
.perks2{
    width: 100%;
    border-top:1px solid hsl(234, 14%, 74%);
    text-align: center;
    padding-top:1rem;
    padding-bottom:1rem;
}
.perks3{
    width: 100%;
    border-top:1px solid hsl(234, 14%, 74%);
    border-bottom:1px solid hsl(234, 14%, 74%);
    text-align: center;
    padding-top:1rem;
    padding-bottom:1rem;
}
.price-content{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:2px;
}
.dollar{
    font-size: 2rem;
    color:hsl(232, 13%, 33%)

}
.price{
    font-size: 4rem;
    font-weight: 700;
    color:hsl(232, 13%, 33%)
}
.pr{
    color:white;
}
.learn-more{
    color:white;
    height: 2.7rem;
    width: 100%;
    background: linear-gradient(to right, hsl(236, 72%, 79%) , hsl(237, 63%, 64%)) ;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:0.2rem;
    font-size: 15px;
    letter-spacing: 1px;
}
.learn-more:hover{
    background: white;
    border:1px solid  hsl(237, 63%, 64%);
    color: hsl(237, 63%, 64%);
}
.Professional {
    background: linear-gradient(to bottom, hsl(236, 72%, 79%) , hsl(237, 63%, 64%)) ;
    color:white;
    /* padding:3rem; */
}
.learn-more-p{
    background-color: white;
    height: 2.7rem;
    width: 100%;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:0.2rem;
    color: hsl(237, 63%, 64%);
    font-size: 15px;
    letter-spacing: 1px;
}
.learn-more-p:hover{
    background: transparent;
    border:1px solid white;
    color:white;
}
@media  (min-width:1024px){
    .cards{
        flex-direction: row;
        gap:0rem;
        margin-top:0rem;
    }
    .Professional{
        padding:4rem;
    }
}
.main-cd {
    width: 100%;
    max-width: 93.75rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3rem; /* adjust value as needed */
}

.main-c {
    width: 100%;
    max-width: 93.75rem;
    margin-left: auto;
    margin-right: auto;
}
.h-display {
    font-size: 5.625em;
    line-height: 0.85;
}

.h-display.is--alt {
    font-weight: 400;
}
.h-display.sm--small.is--active {
    color: var(--color--black);
}
.style-guide__content--top {
    background-color: var(--color--green-900);
    color: var(--color--white);
    height: 60vh;
    min-height: 50em;
    padding-top: 1.25em;
}
.style-guide__content--bottom {
    padding-top: 3rem;
    padding-bottom: 12.5rem;
}
.sg__wrapper {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}
.p-small {
    letter-spacing: -0.004em;
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1.4;
}
.p-small.o--80.u--capitalize {
    text-transform: capitalize;
}
.p-small.fw--sb {
    font-weight: 600;
}
.p-small.u--lh-tight {
    line-height: 1.2;
}
.h-small {
    letter-spacing: -0.01em;
    font-size: 1.75em;
    line-height: 1;
}
.sg__title-wrapper {
    border-bottom: 1px solid #292929;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex;
}
.h-large {
    font-size: 4em;
    font-weight: 500;
    line-height: 1.1;
}
.sg-item__wrapper {
    padding-top: 4.5rem;
}
.sg-item__wrapper.sg-item__wrapper--no-padding {
    padding-top: 1.25rem;
}
.sg-item__wrapper.sg-item__wrapper--last {
    padding-bottom: 3.5rem;
}
.flex-h {
    flex-direction: row;
    align-items: center;
    display: flex;
}
.flex-h.gap--reg {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}
.flex-h.a--top {
    align-items: flex-start;
}
.flex-h.a--bottom {
    align-items: flex-end;
}
.flex-h.gap--xsmall {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
}
.flex-h.j--between {
    justify-content: space-between;
    width: 100%;
}
.flex-h.j--right {
    justify-content: flex-end;
}
.flex-h.gap--small {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
}
.flex-h.gap--small.a--center {
    justify-content: center;
    align-items: center;
}
.flex-h.gap--med {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
}
.flex-h.gap--large {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}
.flex-h.j--center {
    justify-content: center;
}
.flex-h.gap--text {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
}
.flex-h.gap--xlarge {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.p-large {
    letter-spacing: -0.01em;
    margin-bottom: 0;
    font-size: 1.33333rem;
    line-height: 1.25;
}
.placeholder {
    background-color: var(--color--black);
    padding: 2rem;
}
.eyebrow {
    letter-spacing: -0.004em;
    font-size: 0.75rem;
    line-height: 1.15;
}
.eyebrow.text-color-grey.top {
    display: none;
}
.eyebrow.text-color-dark {
    color: var(--color--grey-900);
}
.eyebrow.text-color-dark.fw--sb {
    opacity: 0.5;
}
.eyebrow.tag.purple {
    background-color: var(--color--violet-100);
    margin-bottom: 0.5rem;
    font-weight: 600;
}
.eyebrow.tag.grey {
    background-color: var(--color--grey-200);
}
.eyebrow.lh--1-3 {
    line-height: 1.3;
}
.h-med {
    font-size: 3.2em;
    font-weight: 500;
    line-height: 1.1;
}
.h-med.no--break {
    white-space: pre-wrap;
}
.col {
    flex: 1;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.col.mr-2-col {
    margin-right: 16.666%;
}
.col.col-lg-8 {
    flex: 66.6667%;
    max-width: 66.6667%;
}
.col.col-lg-2 {
    flex: 16.6667%;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 16.6667%;
    display: flex;
}
.col.col-lg-11 {
    flex: 91.6667%;
    max-width: 91.6667%;
}
.col.col-lg-1 {
    flex: 8.333%;
    max-width: 8.333%;
}
.col.col-lg-2 {
    flex: 16.6667%;
    max-width: 16.6667%;
}
.col.col-lg-3 {
    flex: 25%;
    max-width: 25%;
}
.col.col-lg-7 {
    flex: 58.3333%;
    max-width: 58.3333%;
}
.col.col-lg-5 {
    flex: 41.6667%;
    max-width: 41.6667%;
}
.col.col-lg-4 {
    flex: 33.3333%;
    max-width: 33.3333%;
}
.col.mr-1-col {
    margin-right: 8.333%;
}
.col.col-lg-12 {
    flex: 100%;
    max-width: 100%;
}
.col.col-lg-6 {
    flex: 50%;
    max-width: 50%;
}
.col.col-lg-9 {
    flex: 75%;
    max-width: 75%;
}
.col.col-lg-10 {
    flex: 83.3333%;
    max-width: 83.3333%;
}
.col.ml-1-col {
    margin-left: 8.333%;
}
.col.ml-2-col {
    margin-left: 16.666%;
}
.p-pad {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
}
.p-pad.c-pad-120.no--top,
.p-pad.c-pad-80.no--top {
    padding-top: 0;
}
.p-pad.c-pad-220 {
    padding-top: 14em;
    padding-bottom: 14em;
    
}
.p-pad.c-pad-290 {
    padding-bottom: 14em;    
    
}
.p-pad.c-pad-220.no--top {
    padding-top: 0;
}
.p-pad.c-pad-32 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.p-pad.c-pad-64 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.style-guide__item {
    border-top: 1px solid #d5d1ce;
    margin-top: 4rem;
    padding-top: 1rem;
}
.p-reg {
    letter-spacing: -0.004em;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.375;
}
.p-reg.tansfer-tips {
    padding-top: 30px;
}
.p-reg.nav-link {
    margin: -0.75rem;
    padding: 0.75rem;
    display: inline-block;
}
.p-reg.is--pill {
    background-color: var(--color--grey-100);
    border-radius: 100rem;
    padding: 0.25rem 0.625rem;
}
.row-2 {
    flex-wrap: wrap;
    align-content: stretch;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    display: flex;
}
.row-2.justify-center {
    justify-content: center;
}
.row-2.justify-around {
    justify-content: space-around;
}
.row-2.justify-between {
    justify-content: space-between;
}
.row-2.align-center {
    align-items: center;
}
.row-2.justify-end {
    justify-content: flex-end;
}
.row-2.align-start {
    align-items: flex-start;
    line-height: 1;
}
.row-2.align-end {
    align-items: flex-end;
}
.row-2.align-stretch {
    align-items: stretch;
}
.h-reg {
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.2;
}
.h-reg.u--lh-tight {
    line-height: 1.05;
}
.h-reg.u--lh-tight.fw--sb {
    font-size: max(2.5em, 2.5rem);
}
.flex-v {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}
.flex-v.gap--small {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
}
.flex-v.j--bottom,
.flex-v.j--center {
    justify-content: flex-end;
}
.flex-v.gap--reg {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}
.flex-v.a--left {
    align-items: flex-start;
}
.flex-v.gap--med {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
}
.flex-v.a--right {
    align-items: flex-end;
}
.flex-v.gap--large {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}
.flex-v.j--between {
    justify-content: space-between;
    height: 100%;
}
.flex-v.gap--xsmall {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
}
.flex-v.a--center {
    align-items: center;
}
.flex-v.a--center.gap--xxlarge {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
}
.flex-v.gap--xlarge {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.flex-v.gap--tiny {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
}
.flex-v.gap--60 {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
}
.flex-v.gap--text {
    grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
}
.flex-v.gap-xxlarge {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
}
.flex-v.gap--90 {
    grid-column-gap: 5.625em;
    grid-row-gap: 5.625em;
}
.flex-v.gap--xxsmall {
    grid-column-gap: 0.2rem;
    grid-row-gap: 0.2rem;
}
.flex-v.gap--54 {
    grid-column-gap: 3.375rem;
    grid-row-gap: 3.375rem;
}
.sg__placeholder {
    background-color: var(--color--peach-900);
    border-radius: 0.15625rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.625rem;
    padding: 1rem;
    font-size: 0.875rem;
    display: flex;
}
.style-guide__wrapper {
    overflow: hidden;
}
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.row {
    flex-wrap: wrap;
    align-content: stretch;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    display: flex;
}
.o--70 {
    opacity: 0.7;
}
.o--50 {
    opacity: 0.5;
}
.o--25 {
    opacity: 0.25;
}
.o--20 {
    opacity: 0.2;
}
.o--10 {
    opacity: 0.1;
}
.u--rel {
    z-index: 1;
    position: relative;
}
.u--rel.z--2 {
    z-index: 2;
}
.u--rel.z--3 {
    z-index: 3;
}
.u--rel.clip--y {
    overflow-y: clip;
}
.u--rel.pointer-on {
    pointer-events: auto;
}
.p-med {
    letter-spacing: -0.004em;
    font-size: 1.125rem;
    line-height: 1.33333;
}
.p-med.d--inline {
    position: relative;
}
.p-med.fw--sb {
    font-size: 1.125em;
}
.p-med.clamp-3 {
    display: -webkit-box;
    overflow: hidden;
}
.p-med.xx {
    width: 90%;
}
.home-hero__inner {
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 93.75rem;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.home-hero__bg {
    z-index: 0;
    border-bottom-left-radius: var(--radius--desktop);
    border-bottom-right-radius: var(--radius--desktop);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}
.cover-img {
    object-fit: cover;
    border-radius: 0.75rem;
    width: 100%;
    max-width: none;
    height: 100%;
}
.cover-img.is--hero {
    width: 110%;
    height: 105%;
    margin-top: -1rem;
}
.cover-img.br--0 {
    border-radius: 0;
}
.content-w {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 25em;
    max-width: 32.5em;
    display: flex;
}
.content-w.is--wide {
    min-width: 39rem;
    max-width: 39em;
}
.content-w.pad--left {
    padding-left: 10em;
}
.content-w.coming-soon {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
.content-w.a--center {
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.content-w.a--center.text-align-center.gap--reg {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    min-width: 27.5rem;
}
.button {
    border-radius: var(--radius--desktop);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: color 0.2s;
    display: flex;
    position: relative;
    overflow: hidden;
}
.button.is--hero {
    border-radius: var(--radius--desktop);
    background-color: var(--color--white);
    color: var(--color--black);
    width: 14em;
    height: 3.375rem;
    position: relative;
}
.button.is--outlined {
    outline-color: var(--color--black);
    outline-offset: -1px;
    color: #000c;
    outline-width: 1px;
    outline-style: solid;
    width: 9.5rem;
    height: 2.75rem;
}


.button.is--green2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px; /* ✅ fixed height for vertical centering */
  min-width: 160px; /* ✅ keeps pill wide enough */
  padding: 0 2rem; /* ✅ horizontal only */
  border-radius: 50em; /* pill shape */
  background: linear-gradient(180deg, #b6fe41, #95d938);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15),
              inset 0 1px 0 rgba(255,255,255,0.4);
  transition: all 0.3s ease;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  color: #fff; /* text color */
  white-space: nowrap; /* ✅ keep text on one line */
  font-size: 1rem;
  line-height: 1;
}

/* Shine effect */
.button.is--green2::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at top left, rgba(255,255,255,0.4), transparent 50%);
  transform: rotate(25deg);
  transition: opacity 0.4s;
  opacity: 0;
}

.button.is--green2:hover::before {
  opacity: 1;
}

.button.is--green2:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
              0 3px 6px rgba(0, 0, 0, 0.16);
}

.button.is--green2:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(0,0,0,0.2) inset;
}

.button.is--green2 .p-reg {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important; /* ✅ ensures text stays centered */
}

/* Tablet (iPad) adjustments */
@media (min-width: 768px) and (max-width: 1024px) {
  .button.is--green2 {
    height: 52px !important; /* ✅ lock height */
    font-size: 1rem !important;
    padding: 0 1.8rem !important; /* ✅ keep pill balanced */
  }
}

/* Mobile (optional smaller size so it doesn’t look oversized) */
@media (max-width: 767px) {
  .button.is--green2 {
    height: 44px !important;
    font-size: 0.9rem !important;
    padding: 0 1.5rem !important;
  }
}


.button.is--green {
    border-radius: 50em; /* pill shape */
    background-color: var(--color--green-900); /* your green */
    color: var(--color--green-100); /* text */
    width: 11.5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;

    /* Apple-style subtle shadow without gloss */
    box-shadow: 
              0 4px 10px rgba(0, 0, 0, 0.08), 
              inset 0 1px 3px rgba(0, 0, 0, 0.12);

    transition: all 0.25s ease;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

/* Hover effect: soft lift */
.button.is--green:hover {
    background-color: var(--color--green-100);
    color: var(--color--green-900);
    transform: translateY(-2px);
    box-shadow: 
        0 6px 16px rgba(0, 0, 0, 0.12),
        0 3px 6px rgba(0, 0, 0, 0.16);
}

/* Active state: pressed */
.button.is--green:active {
    transform: translateY(0);
    box-shadow: 
        inset 0 2px 4px rgba(0, 0, 0, 0.25);
}

.button.is--green.is--full {
    width: 100%;
}
.button.is--green.is--checkout {
    border-radius: 0.75rem;
}
.button.is--form {
    background-color: var(--color--green-100);
    color: var(--color--green-900);
    width: 100%;
    height: 3.75rem;
    margin-top: 1.125rem;
}
.button.is--orange {
    color: var(--color--orange-100);
    background-color: #dc6803;
    width: 9.375rem;
    height: 3rem;
    transition: color 0.25s;
}
.button.is--orange:hover {
    color: #dc6803;
}
.button.is--menu {
    background-color: var(--color--white);
    color: var(--color--black);
    width: 14em;
    height: 4rem;
    position: relative;
}
.button.is--overlay {
    background-color: var(--color--green-900);
    color: var(--color--green-100);
    width: 100%;
    height: 100%;
    transition: color 0.25s;
}
.button.is--overlay:hover {
    color: var(--color--green-900);
}
.button.is--overlay.is--flow {
    background-color: var(--color--green-700);
}
.button.is--invest__card {
    color: #7a828f;
    background-color: #eceff4;
    width: 100%;
    height: 3.5rem;
}
.button.is--hero__large {
    background-color: var(--color--green-800);
    color: var(--color--white);
    border-radius: 100rem;
    width: 14em;
    height: 4rem;
    position: relative;
}
.button.is--grey {
    color: #7a828f;
    background-color: #eceff4;
    width: 20rem;
    height: 3.5rem;
}
.button.is--popup {
    background-color: var(--color--grey-400);
    pointer-events: none;
    color: var(--color--peach-100);
    border-radius: 0.75rem;
    width: 100%;
    height: 3.125rem;
}
.button.is--popup.is--active {
    background-color: var(--color--green-700);
    pointer-events: auto;
    transition: color 0.35s;
}
.button.is--popup.is--active:hover {
    color: var(--color--green-800);
}
.button.is--green-700 {
    border-radius: var(--radius--desktop);
    background-color: var(--color--green-700);
    color: var(--color--green-100);
    width: 11.5rem;
    height: 3rem;
    transition: background-color 50ms cubic-bezier(1, 0.007, 1, 0.007), color 0.2s;
}
.button.is--green-700:hover {
    background-color: var(--color--green-100);
    color: var(--color--green-900);
}
.button.is--green-700.is--full {
    width: 100%;
}
.button.is--green-700.is--checkout {
    border-radius: 0.75rem;
}
.nav-w {
    z-index: 100;
    color: var(--color--white);
    width: 100vw;
    max-width: 100%;
    transition: top 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    position: fixed;
    top: 2em;
    left: 0;
    right: 0;
}
.nav-w.is--full {
    top: 2.5em;
}
.nav-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}
.nav-inner.is--full {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--color--green-800);
    border-radius: 100rem;
    width: 100%;
    height: 3.875rem;
    padding-left: 1.75rem;
    padding-right: 0.5rem;
    position: relative;
}
.nav-logo {
    z-index: 1;
    width: 6.25rem;
    padding-top: 0.2em;
    position: relative;
}
.nav-logo.coming-soon.w--current {
    color: var(--color--green-900);
}
.nav-button {
    background-color: var(--color--green-900);
    white-space: nowrap;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    height: 3.125rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    font-size: 1rem;
    line-height: 1.375;
    display: flex;
    position: relative;
}
.nav-button.is--secondary {
    border-radius: var(--radius--desktop);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    color: var(--color--white);
    background-color: #9a9a9a66;
    transition: color 0.3s;
}
.nav-button.is--secondary:hover {
    color: var(--color--green-100);
}
.nav-button.is--secondary.button.is--cs {
    background-color: var(--color--green-100);
    color: var(--color--green-900);
}
.nav-button.is--secondary.button.is--cs:hover {
    color: var(--color--green-100);
}
.nav-button.is--primary {
    border-radius: var(--radius--desktop);
    color: var(--color--green-100);
    transition: background-color 0.45s cubic-bezier(1, 0.007, 1, 0.007), color 0.3s;
}
.nav-button.is--primary:hover {
    background-color: #D1FE8C; 
    color: var(--color--green-900);
}
.nav-button.is--primary.button.is--cs:hover {
    color: var(--color--green-900);
}
.nav-button.is--round {
    background-color: var(--color--green-800);
    color: var(--color--white);
    border-radius: 100rem;
    transition: background-color 0.45s cubic-bezier(1, 0.007, 1, 0.007), color 0.3s;
}
.nav-button.is--round:hover {
    background-color: var(--color--green-100);
    color: var(--color--green-900);
}
.nav-button.is--round.button.is--cs:hover {
    color: var(--color--green-900);
}
.nav-center {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #9a9a9a66;
    border-radius: 0.75rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    display: flex;
    position: relative;
    white-space: nowrap; /* prevents links from breaking into two lines */
}

.nav-center.is--full {
    z-index: 1;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
}


@media (max-width: 1024px) {
    .nav-center .p-reg {
        font-size: clamp(14px, 2vw, 16px);
    }

}
.c-pad-80 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.container-large {
    width: 100%;
    max-width: 64em;
    margin-left: auto;
    margin-right: auto;
}
.container-large.text-align-center {
    max-width: 65em;
}
.text-align-center {
    text-align: center;
}
.intro-spacer {
    width: 2em;
    display: inline-block;
}
.intro-spacer.is--top {
    width: 2em;
}
.intro-spacer.is--bottom {
    width: 2.8em;
}
.intro-spacer.is--top__guides {
    width: 4em;
}
.intro-image__top {
    z-index: 3;
    background-color: var(--color--peach-900);
    border-radius: 3px;
    width: 5em;
    height: 5.25em;
    position: absolute;
    top: -10%;
    right: 23%;
    overflow: visible;
    transform: rotate(-6deg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.intro-image__bottom {
    z-index: 3;
    border-radius: 3px;
    width: 6em;
    height: 6em;
    position: absolute;
    bottom: -22%;
    left: 19%;
    overflow: visible;
    transform: rotate(-8deg);
}
.c-pad-120 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}
.c-pad-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.container-small {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
}
.container-small.text-align-center {
    display: flex;
}
.container-small.text-align-center.affiliate {
    max-width: 90%;
}
.p-wrap {
    width: 100%;
    max-width: 23.75rem;
}
.p-wrap.is--wide {
    max-width: 27.5rem;
}
.p-wrap.is--xwide {
    max-width: 37.5rem;
}
.p-wrap.is--med {
    max-width: 26rem;
}
.hover-card__wrap {
    flex-flow: row;
    align-items: stretch;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    display: flex;
}
.hover-card {
    color: var(--color--white);
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-start;
    max-width: 50%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    transition: max-width 0.8s cubic-bezier(0.19, 1, 0.22, 1), flex 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;
}
.hover-card:hover {
    flex: 2 auto;
    max-width: 66.7%;
}
.hover-card.is--left {
    padding-right: 0.9375rem;
}
.hover-card.is--right {
    padding-left: 0.9375rem;
}
.hover-card__bg {
    z-index: 0;
    background-color: var(--color--peach-900);
    position: absolute;
    inset: 0%;
}
.hover-card__grad {
    z-index: 1;
    opacity: 0.4;
    background-image: linear-gradient(#0000, #00000080);
    width: 100%;
    height: 12em;
    position: absolute;
    inset: auto 0% 0%;
}
.hover-card__inner {
    border-radius: var(--radius--desktop);
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 33em;
    display: flex;
    position: relative;
    overflow: hidden;
}
.hover-card__p {
    width: 100%;
    max-width: 23.75rem;
    overflow: hidden;
}
.hover-card__title {
    transform-origin: 0 100%;
    font-size: var(--hovercard--title);
    font-weight: 500;
}
._3-col__item {
    color: #efefeb;
    flex: 1;
    max-width: 50%;
    padding-left: 0.7vw;
    padding-right: 0.7vw;
    transition: max-width 1.1s cubic-bezier(0.19, 1, 0.22, 1), flex 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    display: flex;
    position: relative;
}
._3-col__item:hover {
    flex-grow: 3.15;
    flex-basis: auto;
    max-width: 66.7%;
}
.hover-card__info {
    z-index: 2;
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 1rem;
    padding-left: 1.875rem;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}
.v-space-48 {
    height: 3em;
}
.button-group {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}
.g-cards__list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
}
.g-card__wrap {
    margin-top: 5em;
    margin-bottom: 5em;
}
.g-card__wrap.swiper {
    overflow: visible;
}
.g-card {
    background-color: var(--color--peach-900);
    border-radius: 0.625rem;
    width: 14em;
    height: 20em;
    margin-left: -1em;
    margin-right: -1em;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.g-card.swiper-slide {
    aspect-ratio: 3/4;
    width: 14em;
    height: auto;
}
.g-card.is--large {
    width: 18em;
    height: 25em;
}
.bg-trees__right {
    z-index: 1;
    width: 37.75vw;
    position: absolute;
    top: 7vw;
    right: 0;
}
.bg-trees__left {
    z-index: 1;
    width: 48vw;
    position: absolute;
    top: 20vw;
    left: 0;
}
.bg-people {
    z-index: 2;
    object-fit: contain;
    width: 100%;
    position: absolute;
    inset: auto 0% 15vw;
}
.scroll-w {
    background-image: linear-gradient(#9dd1e9, #fff);
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    position: absolute;
    inset: 0%;
}
.bg-butterfly__left {
    z-index: 2;
    width: 3.25vw;
    position: absolute;
    top: 28%;
    left: 23%;
}
.bg-butterfly__right {
    z-index: 5;
    width: 3.5vw;
    display: block;
    position: absolute;
    top: -67vw;
    right: 32%;
}
.scroll-w__end {
    z-index: 1;
    background-color: #f5f0d6;
    width: 100%;
    height: 30%;
    position: absolute;
    inset: auto 0% 0%;
}
.stacking-cards__wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 120rem;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.stacking-card {
    border-radius: var(--radius--desktop);
    background-color: rgba(245, 245, 247, 0.6); 
    backdrop-filter: blur(10px); 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12); 
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50em;
    max-height: 75vh;
    padding-left: 7.5em;
    display: flex;
    position: sticky;
    top: 4em;
  
}

}
.u--list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}
.u--list.max--350 {
    max-width: 24rem;
}
.u--list.pad--left {
    padding-right: 0;
}
.u--list.has--gap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    margin-bottom: 1rem;
    display: flex;
}
.stacking-card__content {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 25rem;
    max-width: 45%;
    display: flex;
}
.stacking-cards__nav {
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    bottom: 2rem;
    left: 0;
    right: 0;
}
.stacking-nav {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    border-radius: 100rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.25rem;
    display: flex;
    position: relative;
}
.stacking-nav__link {
    z-index: 1;
    letter-spacing: -0.004em;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    width: 6em;
    height: 2.5rem;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    transition: background-color 0.2s;
    display: flex;
    position: relative;
}
.stacking-nav__link.is--active {
    background-color: var(--color--white);
}
.stacking-nav__bg {
    z-index: 0;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background-color: #e8e5e480;
    border-radius: 100rem;
    width: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
}
.button-bg {
    z-index: 0;
    border-top-left-radius: var(--radius--button);
    border-top-right-radius: var(--radius--button);
    background-color: var(--color--green-100);
    transform-origin: 50% 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    position: absolute;
    inset: auto 0% 0%;
}
.button-bg.is--black {
    background-color: var(--color--black);
}
.button-bg.is--light {
    background-color: var(--color--green-100);
}
.button-bg.is--green {
    background-color: var(--color--green-900);
}
.button-bg.is--orange {
    background-color: var(--color--orange-100);
}
.button-bg.is--grey {
    background-color: var(--color--grey-400);
}
.button-bg.is--white {
    background-color: var(--color--white);
}
.text-color-grey {
    color: var(--color--grey-400);
}
.p-toggle {
    background-color: var(--color--grey-100);
    border-radius: 100rem;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin-top: 1.25em;
    padding: 0.2rem;
    display: flex;
}
.p-toggle__item {
    color: #98a2b3;
    cursor: pointer;
    border-radius: 100rem;
    padding: 0.625rem 4rem;
    font-weight: 500;
}
.p-toggle__item.is--active {
    background-color: var(--color--white);
    color: var(--color--black);
}
.p-cards__container {
    perspective: 1000px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 4.5rem;
    margin-bottom: 5rem;
    display: flex;
    position: relative;
}
.p-card {
    aspect-ratio: 1;
    border: 1px solid var(--color--grey-100);
    background-color: var(--color--white);
    border-radius: 0.75rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 13.75em;
    min-width: 13.75rem;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;
    padding-left: 1.25rem;
    font-weight: 500;
    transition: border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.p-card:hover {
    z-index: 5;
}
.p-card.is--center {
    z-index: 2;
}
.p-card.is--left {
    z-index: 2;
    transform: translate(2%, 6%) rotate(-3deg);
}
.p-card.is--left.is--illu {
    padding-top: 0;
    transform: translate(-10%, 6%) rotate(-3deg);
}
.p-card.is--right {
    transform: translate(-2%, 6%) rotate(3deg);
    box-shadow: 0 40px 24px #00000005, 0 18px 18px #00000008, 0 4px 10px #00000008;
}
.p-card.is--right.is--illu {
    transform: translate(10%, 6%) rotate(3deg);
}
.p-card.is--active {
    border-color: var(--color--green-900);
    background-color: var(--color--green-900);
    color: var(--color--green-100);
}
.p-card.is--illu {
    aspect-ratio: 1.15;
    border-color: var(--color--grey-200);
    color: var(--color--green-900);
    text-align: center;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    width: 22.5em;
    min-width: 22.5rem;
    padding-top: 0;
}
.p-card.is--illu.is--active {
    background-color: var(--color--peach-900);
}
.p-card__heading {
    margin-top: -0.1em;
    font-size: 5em;
    font-weight: 600;
    position: relative;
}
.p-card__sign {
    font-size: 0.33em;
    top: -1.4em;
}
.p-card__sign.offset {
    position: absolute;
    inset: 0.75em auto auto 0.5em;
}
.p-card__sub {
    transform: translate(-1.25em, -0.5em);
}
.p-card__sub.offset {
    transform: translate(-2em, -0.75em);
}
.p-details__wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 42.75rem;
    display: grid;
}
.icon--med {
    color: var(--color--green-900);
    flex: none;
    width: 1.25rem;
    height: 1.25rem;
}
.icon--med.dropdown {
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: rotate(-90deg);
}

/* Hide only on mobile (up to 767px) */
@media screen and (max-width: 767px) {
  .nav-button.is--primary {
    display: none !important;
  }
}

.goals-wrap {
    perspective: 1000px;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 120rem;
    height: 100vh;
    max-height: 55rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.goals-inner {
    z-index: 2;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 21.25em;
    display: flex;
    position: relative;
}
.goals-card {
    background-color: var(--color--green-50);
    color: var(--color--grey-900);
    text-align: left;
    border-radius: 0.5rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 12rem;
    height: 14rem;
    padding: 1rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    position: absolute;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.goals-card.is--1 {
    bottom: 38%;
    left: 0%;
    transform: rotate(-10deg);
}
.goals-card.is--2 {
    bottom: 65%;
    left: 19%;
    transform: rotate(13deg);
}
.goals-card.is--3 {
    bottom: 73%;
    left: 46%;
}
.goals-card.is--4 {
    bottom: 70%;
    left: 70%;
    transform: rotate(-10deg);
}
.goals-card.is--5 {
    bottom: 40%;
    left: 85%;
    transform: rotate(9deg);
}
.goals-card.is--6 {
    bottom: 5%;
    left: 73%;
    transform: rotate(13deg);
}
.goals-card.is--7 {
    bottom: 5%;
    left: 45%;
    transform: rotate(11deg);
}
.goals-card.is--8 {
    bottom: 6%;
    left: 13%;
    transform: rotate(-20deg);
}
.goals-card__img {
    width: 6rem;
    position: absolute;
    top: 3rem;
    left: 50%;
    transform: translate(-50%);
    filter: brightness(0) saturate(100%) invert(26%) sepia(8%) saturate(300%) hue-rotate(182deg) brightness(95%) contrast(90%);
}

.v-space-60 {
    height: 3.75rem;
}
.quote-element {
    justify-content: center;
    align-items: center;
    max-width: 75vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.quote-element.is--short {
    max-width: 55vw;
}
.quote-img {
    background-color: var(--color--peach-900);
    object-fit: cover;
    border-radius: 100rem;
    width: 6.25rem;
    height: 6.25rem;
}
.quote-heading {
    transform-origin: 0 0;
    text-align: center;
    font-size: 5vw;
    font-weight: 500;
    line-height: 1;
}
.v-space-32 {
    height: 2em;
}
.t-card__wrap {
    margin-top: 5em;
    margin-bottom: 3em;
}
.t-card__wrap.swiper {
    overflow: visible;
}
.t-card__wrap.swiper.less--margin {
    margin-top: 2.5em;
}
.t-cards__list {
    perspective: 1500px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.t-cards__list.swiper-wrapper.hero-wrap {
    grid-row-gap: 1rem;
    flex-flow: wrap;
}
.t-card {
    border-radius: 0.625rem;
    width: 16em;
    height: 20em;
    margin-left: -1em;
    margin-right: -1em;
    position: relative;
}
.t-card.swiper-slide {
    aspect-ratio: 3/4;
    width: 16em;
    height: auto;
}
.t-card.swiper-slide.hero {
    width: 20em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.t-card.full {
    aspect-ratio: 3/4;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
}
.t-card.full:hover {
    z-index: 2;
}
.container-xsmall {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}
.container-xsmall.text-align-center {
    display: flex;
}
.text-color-grey800 {
    color: var(--color--grey-800);
}
.book-container {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    max-width: 61.75rem;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}
.book-info {
    grid-column-gap: 0.75em;
    grid-row-gap: 0.75em;
    flex-direction: column;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 26.375rem;
    display: grid;
}
.book-info__img {
    width: 11.25rem;
}
.form-w {
    width: 100%;
    max-width: 20.125rem;
    margin-bottom: 0;
}
.form-inner {
    grid-row-gap: 0.75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}
.f-field {
    border-radius: var(--radius--desktop);
    color: var(--color--black);
    background-color: #f9fafb;
    border: 1px solid #fff;
    width: 100%;
    height: 3.75rem;
    margin-bottom: 0;
    padding: 1.25rem;
    font-size: 1rem;
    line-height: 1;
    transition: border-color 0.2s;
    position: relative;
}
.f-field:hover {
    border-color: var(--color--grey-100);
}
.f-field:focus {
    border-color: #5b616b1a;
}
.f-field::placeholder {
    color: var(--color--grey-800);
}
.f-field.is--pw {
    min-width: 10rem;
}
.f-dropdown__toggle {
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    display: flex;
    position: absolute;
    inset: 0%;
}
.f-dropdown__icon {
    color: var(--color--grey-800);
    width: 0.875rem;
    display: inline-block;
    position: absolute;
    right: 1.25rem;
}
.f-dropdown__list {
    border-radius: var(--radius--desktop);
    background-color: #f9fafb;
}
.f-dropdown__list.w--open {
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(110%);
}
.u--hide {
    display: none;
}
.img-160 {
    width: 10em;
}
.container-xlarge {
    width: 100%;
    max-width: 87.5em;
    margin-left: auto;
    margin-right: auto;
}
.container-xlarge.stuff-container {
    font-size: 0.85em;
}
.split-content {
    grid-column-gap: 0px;
    grid-row-gap: 1.875rem;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    padding: 1.25rem;
    display: grid;
}
.split-content.is--flipped {
    grid-template-columns: 1fr max-content;
}
.split-content.no-pad {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.split-content__img {
    aspect-ratio: 1.5;
    border-radius: var(--radius--desktop);
    width: 48.75em;
    position: relative;
}
.split-content__img.a--center {
    justify-content: center;
    align-items: center;
    display: flex;
}
.split-content__img.a--center.r--12 {
    aspect-ratio: 1.2;
}
.split-content__img.is--square {
    aspect-ratio: 1;
    width: 35em;
}

.split-content__img.has--parallax {
    overflow: hidden;
}

.split-content__text {
    grid-column-gap: 1.125em;
    grid-row-gap: 1.125em;
    text-wrap: balance;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 30rem;
    padding-left: 3em;
    padding-right: 3em;
    display: flex;
}

.split-content__text.pad--left {
    padding-right: 0;
}

.split-content__text.gap--large {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
}

.faq-container {
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4rem;
    padding-right: 4rem;
    position: relative;
}

.faq-wrap {
    z-index: 1;
    width: 100%;
    max-width: 63.5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.faq-list {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-direction: column;
    display: flex;
}

.faq-item {
    background-color: var(--color--grey-100);
    border-radius: 0.75rem;
    position: relative;
}


.faq-toggle {
    background-color: var(--color--green-0);
    cursor: pointer;
    border-radius: 0.75rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 3rem;
    transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: flex;
}

.faq-toggle:hover,
.faq-toggle:focus-visible,
.faq-toggle[data-wf-focus-visible] {
    background-color: #b5ebc8;
}
.faq-heading {
    letter-spacing: -0.01em;
    max-width: 90%;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
}
.faq-icon {
    width: 2rem;
    height: 2rem;
}
.faq-answer {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative;
    overflow: hidden;
    background-color: var(--color--green-0);
}
.faq-img {
    z-index: 0;
    width: 12.5rem;
    min-width: 12rem;
    height: 12.5rem;
    min-height: 12rem;
    position: absolute;
}
.faq-img.is--1 {
    width: 16rem;
    height: 16rem;
    top: 5em;
    right: -3em;
    transform: rotate(15deg);
}
.faq-img.is--2 {
    width: 8em;
    height: 8em;
    top: 25rem;
    left: 0;
}
.faq-img.is--2.is--save {
    top: 5rem;
}
.faq-img.is--3 {
    width: 8em;
    height: 8em;
    top: 30rem;
    right: -1em;
}
.faq-img.is--4 {
    width: 8em;
    height: 8em;
    bottom: 8em;
    left: 0;
    transform: rotate(-6deg);
}
.footer {
    position: sticky;
    bottom: 0;
}
.footer-gradient {
    z-index: 0;
    width: 100%;
    height: 7.5em;
    position: absolute;
    top: -7.5em;
    left: 0%;
    right: 0%;
    transform: translateY(-2.5em);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.footer-c {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4em;
    padding-bottom: 3em;
    display: flex;
}
.footer-logo {
    width: 21.25em;
    max-width: 25rem;
}
.footer-inner {
    grid-column-gap: 5em;
    grid-template-rows: auto auto;
    grid-template-columns: max-content max-content 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 3.75rem;
    display: flex;
}
.footer-col {
    grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.text-link {
    opacity: 0.4;
    letter-spacing: -0.004em;
    font-size: 0.875rem;
    line-height: 1.4;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
}
.disclosures {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 57.5rem;
    margin-left: auto;
    margin-right: auto;
    font-family: PP Neue Montreal, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.33333;
    display: flex;
}
.disclosures.fw--sb {
    font-size: 0.85rem;
    line-height: 1.4;
}
.d--link {
    text-decoration: underline;
}
.p-card__pill {
    z-index: 2;
    border-radius: var(--radius--button);
    background-color: var(--color--grey-100);
    color: var(--color--black);
    padding: 0.5rem 0.625rem;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}
.p-card__pill.is--large {
    background-color: var(--color--green-100);
    color: var(--color--green-900);
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    font-size: 1rem;
}
.p-card__leaves {
    aspect-ratio: 1;
    width: 5rem;
    position: absolute;
    top: -3rem;
    right: -2.5rem;
    transform: rotate(90deg);
}
.p-card__eyebrow {
    height: 0.9rem;
    overflow: hidden;
}
.p-price__wrap {
    height: 4.5em;
    position: relative;
    overflow: hidden;
}
.p-price__wrap.is-wide {
    min-width: 10.5em;
}
.quote-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.dd-toggle {
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
    white-space: nowrap;
    cursor: pointer;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.dd-img {
    width: 0.75rem;
    height: 0.4rem;
}
.nav-dd {
    z-index: 2;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #9a9a9a66;
    border-radius: 0.75rem;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr max-content 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: start;
    height: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: grid;
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, 100%);
}
.nav-dd.is--full {
    background-color: #fffc;
}
.nav-dd.stacked {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--color--grey-100);
    grid-template-columns: max-content max-content 1fr;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.dd-link {
    border-radius: 0.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 13rem;
    padding: 0.5rem 0.625rem 0.5rem 1.875rem;
    transition: background-color 0.2s;
    display: flex;
}
.dd-link:hover {
    background-color: #00000014;
}
.dd-link.has-img {
    justify-content: flex-start;
    align-items: flex-start;
    width: 14rem;
    height: 100%;
    padding-top: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.o--80 {
    opacity: 0.8;
}
.page-hero {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 9em;
    display: flex;
}
.page-hero.top--space {
    padding-top: 18em;
}
.page-hero.top--space.text-align-center {
    margin-left: auto;
    margin-right: auto;
}
.page-hero.is--save,
.page-hero.is--track {
    padding-top: 10em;
    padding-bottom: 4rem;
}
.page-hero.is--blog {
    text-align: center;
    flex-flow: column;
    padding-top: 20em;
    padding-bottom: 12em;
}
.page-hero.is--article {
    text-align: center;
    flex-flow: column;
    padding-top: 11em;
    padding-bottom: 4em;
}
.page-hero.is--press {
    flex-flow: column;
    padding-top: 12em;
    padding-bottom: 5em;
}
.page-hero__visual {
    width: 50%;
    position: relative;

    /* Apple feel */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); /* buttery smooth */
}

/* Subtle hover for interaction */
.page-hero__visual:hover {
    transform: scale(1.02);

}
.page-hero__visual.a--right {
    justify-content: flex-end;
    display: flex;
}
.guides-hero {
    aspect-ratio: 1.05;
    border-radius: var(--radius--desktop);
    height: 38em;
    position: relative;
    overflow: hidden;
}


.o--40 {
    opacity: 0.4;
}
.img-scroll {
    width: 80%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
}
.v-space-140 {
    height: 8.75em;
}
.track {
    height: 250vh;
    position: relative;
}
.track-item {
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}
.v-space-16 {
    height: 1rem;
}
.track-top {
    position: absolute;
    top: 5vh;
    left: 0;
    right: 0;
}
.track-img {
    aspect-ratio: 1;
    border-radius: var(--radius--desktop);
    height: 100%;
    position: relative;
    overflow: hidden;

    /* Apple-like feel */
    background-color: #f9f9f9; /* subtle neutral background */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12); /* soft shadow */
    transition: all 0.4s ease; /* smooth transitions */
}

/* Smooth hover effect */
.track-img:hover {
    transform: scale(1.02); /* subtle zoom */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);

}
.track-text__item {
    grid-column-gap: 1.125em;
    grid-row-gap: 1.125em;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 3em;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: 0% 0% 0;
}
.track-text__item.edit {
    position: relative;
}
.track-text__item.active {
    opacity: 1;
}
.track-text__wrap {
    flex-direction: column;
    width: 100%;
    max-width: 30rem;
    height: 100%;
    display: flex;
    position: relative;
}
.blue-bg {
    z-index: 0;
    background-image: linear-gradient(to bottom, #dff0ff00, var(--color--droplet-200) 10%, var(--color--droplet-200) 90%, #dff0ff00);
    position: absolute;
    inset: 0%;
}
.blue-bg.is--light {
    background-image: linear-gradient(#eff7ff00, #eff7ff 10% 90%, #eff7ff00);
    display: none;
}
.container-medium {
    width: 100%;
    max-width: 70em;
    margin-left: auto;
    margin-right: auto;
}
.sticky-wrap {
    justify-content: space-between;
    height: 260vh;
    min-height: 135rem;
    max-height: 180em;
    display: flex;
    position: relative;
}
.sticky-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}
.sticky-cards {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    padding-top: 5vh;
    padding-bottom: 8vh;
    gap: 2rem; /* optional spacing between items */
}
.sticky-card {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    background-color: var(--color--white);
    border-radius: 1rem;
    flex-direction: column;
    flex: none;
    justify-content: flex-end;
    align-items: flex-start;
    width: 17em;
    min-width: 17rem;
    height: 24em;
    min-height: 24rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
    position: sticky;
    top: 30vh;
    transform: rotate(3deg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);

    /* Smooth hover transition */
    transition: transform 0.3s ease;
}

/* Hover effect: gentle lift + slight tilt */
.sticky-card:hover {
    transform: rotate(3deg) translateY(-5px);
    cursor: pointer;
}

}
.sticky-card.is--2 {
    top: 28vh;
    transform: rotate(-2deg);
}
.sticky-card.is--3 {
    top: 26vh;
    transform: rotate(5deg);
}
.two-col {
    grid-column-gap: 1rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}
.two-col.a--center {
    align-items: center;
}
.two-col.gap--large {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.orange-bg {
    z-index: 0;
    background-image: linear-gradient(#f9e1d300, #f9e1d3 10% 90%, #f9e1d300);
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%;
}
.full-w {
    width: 100%;
}
.full-w.swiper.is--intro__cards,
.full-w.swiper.is--steps__cards {
    overflow: visible;
}
.video-scroll {
    aspect-ratio: 1.77;
    border-radius: var(--radius--desktop);
    transform-origin: 50% 0;
    width: 100%;
    margin-bottom: 1.25rem;
    position: relative;
    overflow: hidden;
}
.spruce-bg {
    z-index: 0;
    background-color: #f2f7ee;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%;
}
.card-w {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    background-color: var(--color--white);
    border-radius: 1rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    width: 17em;
    height: 24em;
    padding-bottom: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);

    /* Smooth hover transition */
    transition: transform 0.3s ease;
}

/* Hover effect: subtle lift */
.card-w:hover {
    transform: translateY(-8px);
    cursor: pointer;
}

/* Hover effect: subtle lift */
.card-w.is--left:hover {
      transform:  scale(1.03); 
}

.card-w.is--right:hover {
    transform: scale(1.03);
}
.card-w.is--left {
    transform: translate(-25%, 10%) rotate(-5deg);
}
.card-w.is--right {
    transform: translate(25%, 10%) rotate(5deg);
}
.card-w.is--center {
    z-index: 2;
}
.card-w.is--center.color--yellow {
    color: var(--color--yellow-900);
}
.card-w.color--blue {
    background-color: var(--color--droplet-200);
    color: var(--color--droplet-900);
}
.card-w.color--yellow {
    background-color: var(--color--yellow-100);
}
.card-w.color--wasabi {
    background-color: var(--color--wasabi-100);
    color: var(--color--wasabi-900);
}
.card-c {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.container-regular {
    width: 100%;
    max-width: 56.25em;
    margin-left: auto;
    margin-right: auto;
}

.container-regular2 {
    width: 100%;
    max-width: 56.25em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0rem;
}
.container-regular.c-pad-64 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.container-regular.b-pad-64 {
    padding-bottom: 4rem;
}
.track-visual {
    width: 100%;
    min-height: 100%;
    position: absolute;
    bottom: 0;
}
.card-inner {
    cursor: pointer;
    border-radius: 0.625rem;
    width: 100%;
    height: 100%;
    position: relative;
}
.card-inner.is--peach {
    background-color: var(--color--peach-900);
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.cursor {
    z-index: 999;
    border-radius: var(--radius--button);
    background-color: var(--color--white);
    color: var(--color--black);
    white-space: nowrap;
    flex: none;
    padding: 0.75rem 1rem;
    display: inline-block;
}
.cursor-item {
    z-index: 999;
    pointer-events: none;
    transform-origin: 0%;
    align-items: center;
    display: none;
    position: fixed;
    left: 20px;
}
.modal-w {
    z-index: 1000;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
}
.modal-bg {
    z-index: 0;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    cursor: pointer;
    background-color: #0000004d;
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: 0%;
}
.modal-inner {
  display: flex;
  justify-content: center;
  align-items: center;   /* vertical centering */
  height: 100%;          /* make sure modal fills screen */
}
.modal-inner.portrait {
    aspect-ratio: 1/1.3;
    width: auto;
    height: 85svh;
}
.modal-vid__wrap {
  position: relative;
  width: 100%;
  max-width: 600px;    /* bigger square (was 420px) */
  aspect-ratio: 1 / 1; /* keep it perfectly square */
  margin: 0 auto;
  background: black;
  border-radius: 16px; /* optional rounded edges */
  overflow: hidden;
}

.modal-vid__wrap .video {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* fills the square neatly */

}
.modal-close {
    z-index: 2;
    border-radius: var(--radius--button);
    color: var(--color--grey-800);
    background-color: #f2f4f74d;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 1.125rem;
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    position: absolute;
    top: 4.8rem;
    right: 1.5rem;
    position: absolute;
}
.modal-close:hover {
    background-color: #f2f4f780;
}

/* Tablet screens (iPad) */
@media (min-width: 768px) and (max-width: 1024px) {
    .modal-close {
        top: 14rem !important;      /* adjust to stay inside video */
        right: 4rem !important;    /* inside right edge */
        left: auto !important;
        z-index: 9999 !important;  /* above video */
    }
}

/* Mobile screens (phones) */
@media (max-width: 767px) {
    .modal-close {
        top: 17rem !important;     /* adjust for smaller screens */
        right: -1rem !important;   /* tweak as needed */
        left: auto !important;
        z-index: 9999 !important;  /* above video */
    }
}
    

@media (max-width: 345px){
.modal-close {
        top: 10rem !important;     /* adjust for smaller screens */
        right: -1rem !important;   /* tweak as needed */
        left: auto !important;
        z-index: 9999 !important;  /* above video */
    }
}    
    
.video {
    z-index: 1;
    object-fit: cover;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
    position: relative;
}
.load-state {
    z-index: 0;
    background-color: var(--color--green-900);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
}
.intro-top__leaves {
    width: 6rem;
    height: 6rem;
    position: absolute;
    inset: -3rem -3rem auto auto;
}
.intro-btm__leaves {
    width: 6rem;
    height: 6rem;
    position: absolute;
    bottom: -2rem;
    left: -3rem;
    transform: rotate(90deg);
}
.guide-tag {
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--color--white);
    background-color: #ffffff4d;
    border-radius: 0.75rem;
    padding: 0.625rem;
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    inset: auto auto 1rem 0%;
}
.guide-tag.is--1 {
    display: none;
    bottom: 1rem;
    left: 5%;
}
.guide-tag.is--2 {
    display: none;
    left: 27%;
}
.guide-tag.is--3 {
    display: none;
    left: 50%;
}
.guide-tag.is--4 {
    display: none;
    left: auto;
    right: 12%;
}
.stacking-card__visual {
    perspective: 1000px;
    justify-content: center;
    align-items: center;
    width: 60%;
    height: 100%;
    padding-right: 7.5em;
    display: flex;
    position: relative;
    transform: none;
}
.stacking-card__visual.full-w {
    width: 100%;
    padding-right: 0;
}
.guidance-visual {
    aspect-ratio: 1/1.2;
    width: 22em;
    position: relative;

    /* Apple-like polish */
    border-radius: 20px; /* smooth corners */
    background: linear-gradient(145deg, #fafafa, #f0f0f0); /* subtle gradient */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12); /* soft natural shadow */
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); /* buttery smooth */
}

/* Interactive hover (Apple subtle zoom effect) */
.guidance-visual:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
}

/* If you place an image inside */
.guidance-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.guidance-visual:hover img {
    transform: scale(1.05);

}
/* === Notification Bar (Desktop Style) === */
.guidance-text-1 {
  z-index: 2;
  width: 22em;
  height: 4.6em;
  position: absolute;
  top: 4em;
  left: 0;

  /* iOS-like glass style */
  padding: 0.5em 1em;
  border-radius: 2.3em;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);

  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.guidance-text-inner {
  display: flex;
  align-items: center;
  gap: 0.9em;
  transition: transform 0.36s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}

/* Logo */
.guidance-text-1 img {
  width: 2.6em;
  height: 2.6em;
  border-radius: 0.6em;
  object-fit: cover;
  flex-shrink: 0;
  transition: transform 0.36s cubic-bezier(.2,.8,.2,1);
}

/* Text block */
.guidance-text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.guidance-text-content h4 {
  margin: 0;
  font-size: 1em;
  font-weight: 600;
  color: #111;
}
.guidance-text-content p {
  margin: 0;
  font-size: 0.85em;
  color: rgba(0, 0, 0, 0.65);
}

/* Hover effect (parallax-like) */
.guidance-text-1:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
}
.guidance-text-1:hover .guidance-text-inner {
  transform: translateX(8px);
}
.guidance-text-1:hover img {
  transform: translateX(4px);
}

/* === Text Visibility Rules === */
.guidance-text-desktop,
.guidance-text-tablet,
.guidance-text-mobile {
  display: none;
}
/* === Desktop (Default) === */
@media (min-width: 1025px) {
  .guidance-text-desktop {
    display: block;
  }
}

/* === Hide notification bar on Tablet (481px – 1024px) === */
@media (min-width: 481px) and (max-width: 1024px) {
  .guidance-text-1 {
    display: none !important;
  }
}
/* === Mobile (≤480px) === */
@media (max-width: 480px) {
  .guidance-text-1 {
    width: auto;
    max-width: calc(100% - 1rem);
    height: auto;
    left: 0.5rem;
    right: 0.5rem;
    padding: 0.4em 0.9em;
    border-radius: 2em; /* pill shape */
  }

  .guidance-text-1 img {
    width: 1.8em;
    height: 1.8em;
  }

  .guidance-text-mobile {
    display: block;
  }

  .guidance-text-content h4 {
    font-size: 0.9em;
  }
  .guidance-text-content p {
    font-size: 0.72em;
  }
}

.invest-visual {
    aspect-ratio: 1/1.5;
    border-radius: var(--radius--desktop);
    background-color: var(--color--peach-900);
    width: 22em;
    position: relative;
}
.guidance-text-2 {
  z-index: 2;
  width: 17em;
  height: 9em;
  position: absolute;
  top: 13em;    
  left: -3em;   

  /* Glass morphism style */
  border-radius: 1.5em;
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);

  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.guidance-text-2:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);;
}

.widget-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

/* ✅ Move chart up a bit on desktop */
.lottie-background {
  position: absolute;
  top: 4em;   /* nudged upward */
  left: 0;
  width: 100%;
  height: 100%;
}

.widget-overlay {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 0.6em;
}

.widget-label {
  font-size: 0.9em;
  font-weight: 600;
  color: #111;
  background: rgba(255, 255, 255, 0.7);
  padding: 0.3em 0.8em;
  border-radius: 1em;
}

/* Desktop shows full text */
.desktop-text { display: block; }
.mobile-text { display: none; }

/* 📱 Mobile */
/* 📱 Mobile */
@media (max-width: 768px) {
  .guidance-text-2 {
    display: none;   /* completely hidden on mobile */
  }

  .desktop-text { display: none; }
  .mobile-text { display: none; }
}


.guidance-text-3 {
  z-index: 9999;
  width: 22em;
  max-width: 90%;
  height: auto;
  position: absolute;
  bottom: 3em;
  right: 5em;

  /* iOS-like glass style */
  padding: 0.5em 1em;
  border-radius: 2.3em;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);

  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;

  opacity: 0;
  transform: translateY(40px);
  animation: slideUpFade 0.6s ease forwards;
  animation-delay: 0.3s;
}

.guidance-text-inner {
  display: flex;
  align-items: center;
  gap: 0.9em;
  transition: transform 0.36s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}

.guidance-text-3 img {
  width: 2.6em;
  height: 2.6em;
  border-radius: 0.6em;
  object-fit: cover;
  flex-shrink: 0;
  transition: transform 0.36s cubic-bezier(.2,.8,.2,1);
}

.guidance-text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.guidance-text-content h4 {
  margin: 0;
  font-size: 1em;
  font-weight: 600;
  color: #111;
}

.guidance-text-content p {
  margin: 0;
  font-size: 0.85em;
  color: rgba(0, 0, 0, 0.65);
}

/* Hover effect (parallax-like) */
.guidance-text-3:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
}
.guidance-text-3:hover .guidance-text-inner {
  transform: translateX(8px);
}
.guidance-text-3:hover img {
  transform: translateX(4px);
}

/* Entrance animation */
@keyframes slideUpFade {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.invest-img-1 {
    z-index: 2;
    width: 16em;
    position: absolute;
    top: 10em;
    left: 0;
}
.invest-img-1.is--save {
    top: 1em;
    left: 3em;
}
.invest-img-2 {
    z-index: 2;
    width: 20em;
    position: absolute;
    bottom: 10em;
    left: 0;
}
.invest-img-2.is--save {
    bottom: 2em;
}
.invest-img-3 {
    z-index: 2;
    width: 13em;
    position: absolute;
    bottom: 15em;
    right: 7em;
}
.s-card {
    border: 1px solid var(--color--grey-100);
    background-color: var(--color--white);
    border-radius: 0.625em;
    flex-direction: column;
    flex: none;
    justify-content: space-between;
    align-items: stretch;
    width: 18.125em;
    height: 10em;
    padding: 0.75rem;
    display: flex;
    position: absolute;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.s-card.is--1,
.s-card.is--2,
.s-card.is--3 {
    transform: none;
}
.s-card__icon {
    border-radius: 5px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
    padding: 0.8em;
    display: flex;
}
.s-card__icon.is--orange {
    background-color: #fee9d1;
}
.s-card__icon.is--grey {
    background-color: #c7e1dc;
}
.s-card__icon.is--yellow {
    background-color: #fedf89;
}
.s-card__small {
    letter-spacing: -0.004em;
    margin-bottom: 0;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.4;
}
.s-card__large {
    font-size: 1.75em;
    line-height: 1;
}
.s-card__price {
    border-radius: var(--radius--desktop);
    background-color: var(--color--green-100);
    color: var(--color--green-900);
    letter-spacing: 0.02em;
    margin-right: 6px;
    padding: 2px 6px;
    font-size: 0.75em;
    line-height: 1.4;
}
.s-card__grey {
    color: var(--color--grey-400);
    font-size: 0.75em;
    line-height: 1.4;
}
.s-card__wrap {
    width: 18.125em;
    height: 10em;
    position: absolute;
    transform: translate(-30%, 80%);
}
.s-card__wrap.is--1 {
    transform: translate(-50%, -60%);
}
.s-card__wrap.is--2 {
    transform: translate(50%, -30%);
}
.menu-button,
.menu-w {
    display: none;
}
.v-space-12 {
    height: 0.75rem;
}
.card-img {
    width: 9rem;
    position: absolute;
    top: 2.5rem;
    left: 50%;
    transform: translate(-50%);
}
.card-img.large {
    width: 12.5rem;
}
.sticky-cards__title {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
.overlay-w {
    z-index: 1000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100dvh;
    margin-left: auto;
    margin-right: auto;
    display: none;
    position: fixed;
    inset: 0%;
}
.overlay-bg {
    z-index: 0;
    cursor: pointer;
    background-color: #0000004d;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.overlay-inner {
    z-index: 1;
    border-radius: var(--radius--desktop);
    background-color: var(--color--white);
    width: 100%;
    min-width: 55rem;
    max-width: 55em;
    padding: 0.75rem;
    position: relative;
    overflow: hidden;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.overlay-wrap {
    margin-bottom: 1.875rem;
}
.overlay-list {
    min-height: 31.25rem;
    position: relative;
}
.overlay-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
    position: absolute;
    inset: 0%;
}
.overlay-item:first-child {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}
.overlay-item.is--active {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.overlay-vid__wrap {
    border-radius: 0.875rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.overlay-item__text {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
}
.overlay-title {
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1;
}
.tag {
    border-radius: var(--radius--button);
    background-color: var(--color--droplet-100);
    padding: 0.625rem 0.75rem;
    font-weight: 500;
}
.tag.glass {
    background-color: #f9fafb66;
}
.tag.glass.scaling {
    padding: 0.375em;
}
.overlay-nav {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 4rem;
    font-weight: 500;
    display: grid;
}
.overlay-nav.is--tight {
    height: 3.25rem;
}
.overlay-btn {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    color: var(--color--green-900);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    line-height: 1;
    display: flex;
}
.btn-carot {
    width: 0.4rem;
}
.btn-carot.flip {
    transform: rotate(180deg);
}
.parallax-img {
    object-fit: cover;
    border-radius: 0.75rem;
    width: 100%;
    max-width: none;
    height: 115%;
}
.load-w {
    z-index: 1000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
}
.load-bg {
    z-index: 0;
    background-color: var(--color--white);
    transform-origin: 50% 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
    transform: scale(1);
}
.load-inner {
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.load-logo {
    mix-blend-mode: multiply;
    color: #027a48;
    width: 12em;
    height: 12em;
    margin-bottom: 0;
}
.load-bar {
    background-color: #f9fafb;
    border-radius: 10rem;
    width: 15em;
    height: 0.625em;
    min-height: 0.625rem;
    display: none;
    position: relative;
}
.load-progress {
    transform-origin: 0%;
    background-color: #039754;
    border-radius: 20rem;
    width: 0%;
    height: 100%;
    position: relative;
}
.bg-vid {
    object-fit: cover;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
}
.bg-vid.xs--show {
    display: none;
}
.fw--med {
    font-weight: 500;
}
.fw--sb {
    font-weight: 600;
    
}
.fw--sb1 {
    font-weight: 400;
    
}
.track-dots {
    grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: absolute;
    bottom: 5em;
    left: 0;
    right: 0;
}
.track-dot {
    border-radius: var(--radius--button);
    background-color: #d9d9d9;
    width: 0.3125rem;
    height: 0.3125rem;
    transition: width 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.track-dot.active {
    background-color: #000;
    width: 0.5625rem;
}
.g-card__nav {
    display: none;
}
.d--inline {
    display: inline;
}
.tooltip-w {
    z-index: 0;
    cursor: help;
    margin: -1rem;
    padding: 1rem;
    display: inline-block;
    position: relative;
    left: 0.25rem;
}
.tooltip-w.chart {
    margin: -0.5rem -0.5rem -0.5rem 0;
    padding: 0.5rem;
}
.tooltip-w.z--4 {
    z-index: 4;
}
.tooltip {
    border-radius: var(--radius--desktop);
    background-color: var(--color--white);
    opacity: 0;
    pointer-events: none;
    color: var(--color--grey-800);
    text-align: left;
    width: 23.75rem;
    padding: 1rem 1rem 1rem 3rem;
    transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: absolute;
    top: -1rem;
    left: 0;
    right: auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.tooltip.active {
    opacity: 1;
    pointer-events: auto;
    transition-duration: 0.5s, 0.2s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.55, 0.055, 0.675, 0.19);
    top: 0;
}
.tooltip.is--stocks {
    top: -0.5rem;
}
.tooltip.is--stocks.show {
    opacity: 1;
    pointer-events: auto;
}
.tooltip.is--value {
    width: 22rem;
}
.tooltip.is--testimonials {
    transform-style: preserve-3d;
}
.t-card__inner {
    color: var(--color--white);
    cursor: pointer;
    border-radius: 0.625rem;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.t-card__inner.full.bg {
    background-color: var(--color--peach-900);
}
.visual-w {
    perspective: 1000px;
    justify-content: center;
    align-items: center;
    width: 60%;
    height: 100%;
    display: flex;
    position: relative;
    transform: none;
}
.visual-w.is--save {
    height: 32em;
}
.img-blend {
    mix-blend-mode: multiply;
}
.home-sub {
    letter-spacing: -0.01em;
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    position: absolute;
}
.home-sub__wrap {
    width: 100%;
    height: 1em;
    font-size: 1.75em;
    line-height: 1;
    position: relative;
}
.v-space-8 {
    height: 0.5rem;
}
.v-space-250 {
    height: 15.625em;
}
.logo-path__wrap {
    width: 100%;
    height: 1.5em;
}
.card-inner__info {
    display: none;
}
.faq-a li {
    margin-bottom: 0.25rem;
}
.faq-a a {
    text-decoration: underline;
    transition: color 0.2s;
}
.faq-a a:hover {
    color: var(--color--green-900);
}
.faq-a p {
    letter-spacing: -0.004em;
    font-size: 1.125rem;
    line-height: 1.333;
}
.util-w {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 25em;
    height: 100dvh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.util-img {
    width: 13rem;
    margin-bottom: 2.5rem;
}
.overlay-close {
    z-index: 3;
    border-radius: var(--radius--button);
    background-color: #f9fafb;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0.65rem;
    display: flex;
    position: absolute;
    inset: 1.875rem 1.25rem auto auto;
}

.swiper.is--guides {
    min-width: 100%;
    position: relative;
    overflow: visible;
}
.swiper-wrapper.is--guides {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.swiper-slide.is--guides {
    aspect-ratio: 3/4;
    border-top-left-radius: var(--radius--desktop);
    border-top-right-radius: var(--radius--desktop);
    border-bottom-left-radius: var(--radius--desktop);
    border-bottom-right-radius: var(--radius--desktop);
    flex: none;
    width: 18.75em;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    position: relative;
    overflow: visible;
}
.guide-card__inner {
    grid-column-gap: 0.2rem;
    grid-row-gap: 0.2rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
}
.guide-card__img {
    z-index: 0;
    object-fit: cover;
    border-radius: 0.75rem;
    width: 100%;
    max-width: none;
    height: 90%;
    position: absolute;
    bottom: 0;
}
.nav-dd__spacer {
    height: 0.75rem;
}
.hero-overlay {
    z-index: 2;
    opacity: 0.2;
    pointer-events: none;
    background-image: linear-gradient(90deg, #a29789 15%, #0000 85%);
    width: 50%;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 0%;
}
.tag-w {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.tag-w.scaling {
    grid-column-gap: 0.3125em;
    grid-row-gap: 0.3125em;
}
.invest-right {
    z-index: 2;
    border-radius: var(--radius--desktop);
    color: #d9ffe0;
    background-color: #0f5426;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 23.75rem;
    height: 20rem;
    padding: 2rem;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
 /* subtle directional shadow */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);

    /* Smooth hover transition */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover: lift with subtle shadow increase */
.invest-right:hover {
    transform: translateY(-8px); /* lift card */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
    cursor: pointer;
}


.icon--large {
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
}
.icon--small {
    width: 0.75rem;
    height: 1rem;
}
.invest-right__graph {
    z-index: 0;
    width: 100%;
    height: 10em;
    position: absolute;
    inset: auto 0% 0%;
    overflow: hidden;
}
.invest-left {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border-radius: var(--radius--desktop);
    background-color: var(--color--grey-100);
    color: var(--color--grey-800);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 21.25rem;
    height: 17.5rem;
    padding: 2rem 1.5rem 2rem 2rem;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
   /* subtle directional shadow */
    box-shadow: 0 18px 32px #00000005, 0 16px 16px #00000008, 0 4px 8px #00000008;

    /* Smooth hover transition */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover: lift with subtle shadow increase */
.invest-left:hover {
    transform: translateY(-8px); /* lift card */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.invest-left__img {
    border-radius: var(--radius--button);
    background-color: #fbfff9;
    border: 2px solid #d6dae1;
    width: 4.5rem;
    height: 4.5rem;
    overflow: hidden;
}
.invest-left__bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr max-content;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}
.left-bottom__btn {
    border-radius: var(--radius--desktop);
    color: #7a828f;
    background-color: #eceff4;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    padding: 1.125rem 1rem;
    display: flex;
}
.invest-graph__overlay {
    transform-origin: 100%;
    transform-style: preserve-3d;
    background-image: linear-gradient(90deg, #0f542603, #0f5426 50%);
    width: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
    transform: scaleX(2);
}
.invest-cards {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 40rem;
    height: 100%;
    display: flex;
    position: relative;
}
.guides-hero__cover {
    z-index: 1;
    border-radius: var(--radius--desktop);
    background-color: var(--color--green-600);
    transform-origin: 50% 100%;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
    transform: scaleY(0);
}
.page-overlay {
    z-index: 0;
    opacity: 0;
    background-color: #00000026;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.d-item {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    background-color: var(--color--grey-100);
    border-radius: 0.75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 1.25rem;
    display: flex;
}
.v-space-120 {
    height: 7.5em;
}

.v-space-1202 {
    height: 2.5em;
}
.v-space-80 {
    height: 5em;
}
.v-space-801 {
    height: 1.5em;
}
.legal-hero__img {
    width: 18.125em;
    height: 18.125em;
}
.d-item__p {
    max-width: 53.125em;
}
.d-item__list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    width: 100%;
    display: flex;
}
.legal-hero {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.bg-video {
    z-index: 0;
    opacity: 0;
    object-fit: cover;
    border-radius: 0.75rem;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.text-span,
.text-span-2,
.text-span-3 {
    font-weight: 600;
}
.overlay-title__wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}
.link {
    cursor: pointer;
    text-decoration: underline;
}
.link-2,
.link-3,
.link-4,
.link-5,
.link-6,
.link-7,
.link-8 {
    text-decoration: underline;
}
.paragraph {
    font-size: 1.125rem;
    line-height: 1.33;
}
.affiliate-wrap {
    background-color: var(--color--droplet-100);
    color: #0d4b85;
    text-align: center;
    letter-spacing: 0.005em;
    border-radius: 0.75rem;
    width: 100%;
    margin: 3rem auto;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-size: 0.6875rem;
    line-height: 1.4;
}
.affiliate-inner {
    width: 100%;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}
.overlay {
    pointer-events: none;
    position: absolute;
    inset: 0%;
}
.overlay.play-button {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}
.overlay.sound-icon {
    z-index: 2;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.125rem 1.5rem 1.5rem 1.25rem;
    display: flex;
}
.overlay.sound-icon.is-modal {
    padding: 1.5rem;
}
.play-button-icon {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--color--white);
    background-color: #fff3;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 1rem;
    transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    transform: scale(0);
}
.play-button-icon.active {
    transform: scale(1);
}
.sound-button-icon {
    pointer-events: auto;
    cursor: pointer;
    background-color: #f9fafb59;
    border-radius: 100rem;
    width: 2rem;
    height: 2rem;
    padding: 0.4rem;
}

.svg-icon {
    width: 100%;
    height: 100%;
}
.svg-icon.hide,
.svg-icon.mute {
    display: none;
}
.affiliate-p {
    font-size: 1.125rem;
    line-height: 1.33333;
}
.save-screen {
    object-fit: contain;
    border-radius: 1rem;
    height: 80%;
}
.save-screen.save-shadow.is--large {
    height: 120%;
}
.save-shadow {
    box-shadow: 0 26px 56px #00000005, 0 100px 100px #00000005;
}
.save-popup {
    width: 35%;
    position: absolute;
}
.save-popup.is--1 {
    top: 40%;
    left: -5%;
}
.save-popup.is--1.is--hero {
    left: 0%;
}
.save-popup.is--2 {
    bottom: 30%;
    left: -5%;
}
.save-popup.is--2.is--hero {
    bottom: 20%;
    left: 0%;
}
.save-popup.is--3 {
    top: 30%;
    right: 8%;
}
.save-popup.is--3.is--hero {
    right: 0%;
}
.banner {
    z-index: 5;
    background-color: var(--color--green-100);
    color: var(--color--green-900);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2rem;
    font-weight: 500;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}
.p-hero {
    max-width: 22rem;
    font-size: 1.375rem;
    line-height: 1.2;
}
.full-hero__bg {
    object-fit: cover;
    object-position: 100% 50%;
    width: 100%;
    height: 100%;
    position: absolute;
}
.full-hero__bg.md--show {
    display: none;
}
.full-hero__fern {
    width: 14.0625em;
    position: absolute;
    inset: auto auto -3em 0%;
}
.full-hero__orange {
    width: 10.5em;
    position: absolute;
    top: 1em;
    left: -4em;
    right: auto;
    transform: rotate(15deg);
}
.four-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    width: 100%;
    display: flex;
}
.four-col.is--flow-modal {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}
.fourth-card {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--color--grey-200);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--color--grey-200);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--color--grey-200);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--color--grey-200);
    background-color: var(--color--white);
    box-shadow: var(--shadow-light);
    border-radius: 2rem;
    width: 25%;
    padding: 1.125rem;
}
.fourth-card.border-grey {
    border: 1px solid var(--color--grey-200);
}
.fourth-card.pad--btm {
    padding-bottom: 2.5rem;
}
.fourth-card.pad--btm.swiper-slide {
    flex: 0 auto;
    width: 25%;
    height: auto;
}
.fourth-card.is--tall {
    aspect-ratio: 1/1.4;
    color: #000c;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 1.5rem 1.2rem 1.5rem 1.25rem;
    display: flex;
}
.fourth-card.is--tall.is--red {
    background-color: var(--color--red-100);
}
.fourth-card.is--tall.is--blue {
    background-color: var(--color--droplet-200);
}
.fourth-card.is--tall.is--violet {
    background-color: var(--color--violet-100);
}
.fourth-card.is--tall.is--green {
    background-color: var(--color--green-50);
}
.fourth-card.is--tall.swiper-slide {
    aspect-ratio: 1/1.1;
    flex: 0 auto;
    width: 25%;
}
.fourth-card.is--tight {
    border-radius: 0.5rem;
    padding-top: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.fourth-card.is--tight.swiper-slide {
    width: 25%;
    height: auto;
}
.card-img__wrap {
    aspect-ratio: 1.33;
    border-radius: 1.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
}
.card-img__wrap.is--yellow {
    background-color: var(--color--yellow-100);
}
.card-img__wrap.is--blue {
    background-color: var(--color--droplet-100);
}
.card-img__wrap.is--green {
    background-color: var(--color--green-50);
}
.card-img__wrap.is--violet {
    background-color: var(--color--violet-50);
}
.card-img__wrap.is--square {
    aspect-ratio: 1.1;
    border-radius: 0.5rem;
}
.card-img__wrap.is--orchid {
    background-color: #ffe4ea;
}
.card-img__inner {
    height: 100%;
}
.bush-cta {
    aspect-ratio: 1.33;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
.bush-cta__img {
    max-width: 36.25em;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 0%;
}
.bush-cta__img.is--top {
    inset: 0% 0% auto;
    transform: rotate(180deg);
}
.bush-cta__card {
    z-index: 2;
    aspect-ratio: 1.4;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--color--grey-200);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--color--grey-200);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--color--grey-200);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--color--grey-200);
    transform: scale3d(1none, 1none, 1none);
    box-shadow: var(--shadow-light);
    transform-style: preserve-3d;
    border-radius: 2rem;
    width: 31.25em;
    position: relative;
}
.bush-cta__card.is--left {
    background-color: var(--color--droplet-200);
    color: var(--color--droplet-900);
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    transform: rotate(-7.5deg);
}
.bush-cta__card.is--right {
    z-index: 3;
    background-color: var(--color--white);
    color: var(--color--black);
    justify-content: center;
    align-items: center;
    margin-left: -4em;
    padding: 1.25em 2.5em;
    display: flex;
    transform: rotate(7.5deg);
}
.h-card {
    font-size: 3.75em;
    font-weight: 600;
    line-height: 1.1;
}
.h-card.no--break {
    white-space: pre-wrap;
}
.p--card {
    font-size: 1.75em;
    font-weight: 600;
    line-height: 1.2;
}
.bush-card__img {
    width: 12.5em;
    position: absolute;
    inset: auto 0.5rem 0.5rem auto;
}
.bush-cta__butterfly {
    width: 3.625em;
    position: absolute;
}
.bush-cta__butterfly.is--left {
    left: -10em;
}
.bush-cta__butterfly.is--right {
    width: 2em;
    right: -8em;
}
.p-xlarge {
    font-size: 1.5em;
    line-height: 1;
}
.sm--show {
    display: none;
}
.bush-card__leaves {
    width: 10em;
    position: absolute;
    top: -4em;
    right: -4em;
}
.guides-collage {
    justify-content: center;
    align-items: center;
    width: 48.75em;
    max-height: 25em;
    display: flex;
    position: relative;
    transform: translateY(-15%);
}
.p-card__orange {
    width: 10em;
    height: 26em;
    position: absolute;
    inset: -50% auto auto -15%;
    transform: rotate(45deg);
}
.p-button {
    z-index: 5;
    border: 1px solid var(--color--green-900);
    border-radius: 0.75rem;
    justify-content: center;
    align-items: center;
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    display: flex;
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
}
.p-button.button {
    transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.p-button.button:hover {
    color: var(--color--peach-900);
}
.p-card__bg {
    z-index: 0;
    pointer-events: none;
    border-radius: 2rem;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}
.p-card__fern {
    object-fit: contain;
    width: 6em;
    height: 10em;
    position: absolute;
    inset: auto auto -2em 0;
}
.p-card__plant {
    object-fit: contain;
    width: 9em;
    height: 11em;
    position: absolute;
    inset: -4em -0.3em auto auto;
}
.p-card__hang {
    object-fit: contain;
    width: 6em;
    height: 20em;
    position: absolute;
    inset: -9em auto auto -0.5em;
}
.p-card__bf {
    object-fit: contain;
    width: 3em;
    height: 2.5em;
    position: absolute;
    inset: 3em 3em auto auto;
}
.nav-full__bg {
    z-index: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #ffffffb3;
    border-radius: 100rem;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.full-hero__overlay {
    z-index: 1;
    opacity: 0.3;
    background-image: linear-gradient(90deg, #07485c, #5e9eb200 70%);
    width: 55%;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 0%;
}
.illu-price {
    position: absolute;
    bottom: 0;
    right: -1.5em;
    transform: translate(-1.25em, -0.5em);
}
.illu-price.offset {
    transform: translate(-2em, -0.75em);
}
.illu-price.p-card__sub {
    right: -2.25em;
}
.member-anchor {
    width: 0;
    height: 0;
    position: absolute;
    top: -120px;
}
.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}
.utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 260px;
    display: flex;
}
.utility-page-form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.p-toggle__button {
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.15rem;
    border: 1px solid var(--color--black);
    background-color: var(--color--white);
    cursor: pointer;
    border-radius: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 12.5rem;
    padding: 0.5rem 1.5rem 0.625rem;
    transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    display: flex;
}
.p-toggle__button:hover {
    background-color: #0000000f;
}
.p-toggle__button.is--active {
    background-color: var(--color--black);
    color: var(--color--white);
}
.split-hero {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: stretch stretch;
    width: 100%;
    height: 100vh;
    max-height: 65rem;
    display: grid;
}
.content-stack {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.content-stack.is--wide {
    min-width: 40rem;
    max-width: 40em;
}
.content-stack.pad--left {
    padding-left: 3em;
}
.content-stack.coming-soon {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
.split-hero__img {
    width: 100%;
    height: 100%;
}
.wide-card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 0.75rem;
    border: 1px solid var(--color--grey-200);
    background-color: var(--color--white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
    border-radius: 2rem;
    grid-template-rows: max-content max-content;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    width: 100%;
    padding: 1.5em 3em 1.5em 1.5em;
    display: grid;

    /* smooth transition for hover effect */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect: lift and shadow intensify */
.wide-card:hover {
    transform: translateY(-8px); /* lift card */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
    cursor: pointer; /* optional */
}

.wide-card__icon {
    aspect-ratio: 1;
    border-radius: 1rem;
    width: 8.125em;
    overflow: hidden;
}
.card-icon__img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.text-icon__wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.text-icon__item {
    grid-column-gap: 0.875rem;
    grid-row-gap: 0.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 13rem;
    display: flex;
}
.text-icon__text {
    color: var(--color--grey-800);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.33333;
}
.text-icon__text.text-color-black {
    color: var(--color--black);
}
.text-icon__icon {
    color: var(--color--grey-900);
    width: 1.75rem;
}
.text-icon__icon.is--large {
    width: 2.25rem;
}
.card-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
    max-width: 64em;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.illu-card {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--color--grey-200);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--color--grey-200);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--color--grey-200);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--color--grey-200);
    box-shadow: var(--shadow-light);
    border-radius: 2rem;
    width: 100%;
    padding: 1.5em 1.5em 3em;
}
.illu-card.bg-green__dark {
    color: var(--color--white);
    background-color: #2c5957;
}
.illu-card.bg-green__light {
    color: var(--color--white);
    background-color: #769c8b;
}
.illu-card__img {
    aspect-ratio: 1.3;
    border-radius: 1.5rem;
    width: 100%;
    margin-bottom: 2rem;
    overflow: hidden;
}
.illu-card__p {
    width: 100%;
    max-width: 25rem;
}
.toggle {
    background-color: var(--color--grey-100);
    border-radius: 100rem;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 1rem;
    padding: 0.2rem;
    display: flex;
}
.chart-container {
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
    grid-template-rows: 0.25fr 0.25fr 0.25fr;
    grid-template-columns: 1fr 1.75fr;
    grid-auto-columns: 1fr;
    place-items: start stretch;
    width: 100%;
    display: grid;
}
.chart-w {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-flow: column;
    display: flex;
}
.range-input {
    z-index: 1;
    width: 100%;
    position: relative;
}
.range-w {
    display: flex;
    position: relative;
}
.range-ticks {
    z-index: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.range-tick {
    background-color: #e7e7e7;
    border: 1px #000;
    border-radius: 10rem;
    width: 0.375rem;
    height: 0.375rem;
    padding: 0;
}
.chart-p {
    width: 100%;
}
.chart-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 20em 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    display: grid;
    position: relative;
}
.chart-item.hide {
    display: none;
}
.chart-item__bar {
    border-radius: 0.25rem;
    width: 20em;
    height: 3rem;
    position: relative;
    overflow: hidden;
}
.bar {
    transform-origin: 0%;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: absolute;
    inset: 0% auto 0% 0%;
}
.bar.is--green {
    transform-style: preserve-3d;
    background-color: #c5e6a1;
    transform: scaleX(0.48);
}
.bar.is--blue__light {
    transform-style: preserve-3d;
    background-color: #c2e1ff;
    transform: scaleX(0.06);
}
.bar.is--blue__dark {
    transform-style: preserve-3d;
    background-color: #b0d9ff;
    transform: scaleX(0.06);
}
.bar.is--violet {
    background-color: var(--color--violet-100);
    transform-style: preserve-3d;
    transform: scaleX(0.13);
}
.bar.is--green-copy {
    transform-style: preserve-3d;
    background-color: #c5e6a1;
    transform: scaleX(0.48);
}
.bar.is--yellow__light {
    transform-style: preserve-3d;
    background-color: #f9dd8f;
    transform: scaleX(0.15);
}
.bar.is--yellow__med {
    transform-style: preserve-3d;
    background-color: #f8d360;
    transform: scaleX(0.15);
}
.bar.is--yellow__dark {
    transform-style: preserve-3d;
    background-color: #debd56;
    transform: scaleX(0.1);
}
.bar-value {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 0.75rem;
    transform: translateY(-50%);
}
.chart-toggle {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-flow: column;
    display: flex;
}
.xs--show {
    display: none;
}
.compliance {
    text-align: center;
    letter-spacing: -0.02em;
    border-radius: 0.5rem;
    max-width: 37.5rem;
    margin-left: auto;
    margin-right: auto;
    font-family: PP Neue Montreal Mono, sans-serif;
    font-size: 0.75rem;
    line-height: 1.2;
}
.visual-text {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: center;
    align-items: center;
    padding-right: 3em;
    display: flex;
}
.visual-left {
    aspect-ratio: 1.1;
    border-radius: 2rem;
    flex: none;
    width: 36em;
    overflow: hidden;
}
.div-block {
    max-width: 24.375rem;
}
.guide-hero__paragraph {
    max-width: 24rem;
}
.section-bg {
    z-index: 0;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}
.cash-hero {
    color: var(--color--black);
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    min-height: 100dvh;
    padding-bottom: 5em;
    display: flex;
}
.cash-scene {
    width: 80vw;
    max-width: 60rem;
    height: 70vh;
    min-height: 26rem;
    margin-bottom: -10vh;
    margin-left: auto;
    margin-right: auto;
}
.three-col {
    grid-column-gap: 4em;
    grid-row-gap: 6em;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.three-col.a--center {
    align-items: center;
}
.three-col.gap--large {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.three-col.stretch {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
}
.three-col__item {
    text-align: center;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.three-col__img {
    aspect-ratio: 1;
    width: 15.5em;
}
.h-xsmall {
    letter-spacing: -0.01em;
    font-size: max(1.33em, 1rem);
    line-height: 1.2;
}
.cash-container {
    width: 100%;
    height: 600vh;
    position: relative;
}
.cash-container.is--short {
    height: 400vh;
}
.cash-scroll__inner {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
}
.sticky-bg {
    z-index: 0;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: clip;
}
.sticky-bg.clouds {
    background-image: linear-gradient(#b1ece7, #8cd6de);
}
.div-block-2 {
    height: 100vh;
}
.full-height {
    width: 100%;
    height: 100vh;
}
.cloud-w {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
}
.cloud-w.home {
    z-index: 3;
}
.cash-scroll {
    height: 100%;
    padding-top: 100vh;
    position: relative;
}
.cash-scroll.is--short {
    padding-top: 0;
}
.cash-inner {
    z-index: 1;
    height: 100vh;
    padding-top: 11vh;
    position: sticky;
    top: 0;
}
.cash-inner__heading {
    z-index: 1;
    color: var(--color--white);
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.cloud-overlay {
    opacity: 0.04;
    background-color: #000;
    position: absolute;
    inset: 0%;
}
.cash-inner__content {
    z-index: 1;
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.fund-percent {
    border: 1px solid var(--color--grey-200);
    background-color: var(--color--white);
    color: #5a5a5a;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    padding: 0.5em;
    display: flex;
}

.fund-percent .eyebrow {
  font-size: 1.5rem;
  font-weight: 700;
  color: #165c3a;
  background: #ffffff;  /* green checkmark badge */
  border-radius: 50%;   /* circle */
  padding: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}


.fund-percent.has--shadow {
    box-shadow: var(--shadow-light);
}
.step-path {
    color: var(--color--white);
    width: 4.25em;
    min-width: 3.45rem;
    position: absolute;
}
.step-path.is--2 {
    top: 0.4em;
}
.step-path.is--home-save {
    color: var(--color--grey-200);
}
.step-ladder {
    padding-left: 1em;
    position: absolute;
    top: 0;
}
.step-ladder.is--r {
    color: var(--color--green-800);
}
.fund-item {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.fund-list {
    z-index: 1;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
    padding-top: 2.25em;
    display: flex;
    position: relative;
}
.fund-list.is--top {
    display: none;
    position: absolute;
    top: 0;
    left: 5em;
}
.fund-card {
    z-index: 1;
    grid-column-gap: 0.5em;
    grid-row-gap: 0.5em;
    border: 1px solid rgba(255, 255, 255, 0.3); /* softer border */
    background: rgba(255, 255, 255, 0.65);      /* subtle glassy white */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border-radius: 1.25em;
    justify-content: flex-start;
    align-items: center;
    width: 18em;
    min-width: 17rem;
    height: 4em;
    min-height: 3.5rem;
    padding: 0.75em;
    display: flex;
    position: relative;

    /* ✨ Apple-like elevation */
    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.08), 
        0 1px 3px rgba(0, 0, 0, 0.12);

    /* Smooth hover animation */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fund-card:hover {
    transform: translateY(-4px) scale(1.02); /* soft lift */
    box-shadow:
                0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
}
.fund-card.has--shadow {
    box-shadow: var(--shadow-light);
}
.fund-icon {
    aspect-ratio: 1;
    border-radius: 0.75em;
    height: 100%;
    overflow: hidden;
}
.fund-top {
    position: absolute;
    top: -3em;
    left: -1em;
}
.fund-top__icon {
    z-index: 0;
    aspect-ratio: 1;
    border-radius: 20%;
    width: 2.5em;
    position: absolute;
    top: 0;
    left: 25%;
    overflow: hidden;
}
.cash-text__card {
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: #504c4c;
    background-color: #fff6;
    border-radius: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 26.5em;
    padding: 2em;
    display: flex;
    position: absolute;
    left: 0;
}
.cash-text__card.is--2 {
    visibility: hidden;
}
.cash-text__card.is--3 {
    visibility: hidden;
    max-width: 27em;
}
.cash-cards__wrap {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
}
.cloud-bg {
    object-fit: cover;
    border-radius: 0.75rem;
    width: 120%;
    max-width: none;
    height: 100%;
}
.cloud-bg.is--hero {
    width: 110%;
    height: 105%;
    margin-top: -1rem;
}
.cloud-gradient {
    z-index: 2;
    opacity: 0;
    mix-blend-mode: overlay;
    background-image: linear-gradient(#b1ece7, #8cd6de);
    position: absolute;
    inset: 0%;
}
.cloud-gradient.home {
    opacity: 100;
    mix-blend-mode: normal;
    background-image: linear-gradient(#8bd4db 70%, #e0f0ff);
}
.sunray-w {
    z-index: 2;
    perspective: 1000px;
    color: #504c4c;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    inset: 0%;
    overflow: clip;
}
.sunray {
    background-image: linear-gradient(90deg, var(--color--white), #fff0);
    opacity: 0.5;
    transform-origin: 0%;
    width: 120vw;
    height: 4.5em;
    position: absolute;
    left: -10vw;
}
.sunray.is--1 {
    transform: rotate(20deg);
}
.sunray.is--2 {
    opacity: 0.6;
    height: 2em;
    transform: translateY(-30vh) rotate(20deg);
}
.sunray.is--3 {
    opacity: 0.3;
    height: 12em;
    transform: translateY(-60vh) rotate(20deg);
}
.sunray-bg {
    z-index: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}
.sun-main {
    z-index: 5;
    aspect-ratio: 1;
    filter: blur(100px);
    background-color: #ffffff80;
    border-radius: 100em;
    width: 50em;
    position: absolute;
    inset: 0% auto auto 0%;
    transform: translate(-40%, -40%);
}
.sun-flare {
    aspect-ratio: 1;
    filter: blur(20px);
    background-color: #ffffff80;
    border-radius: 100em;
    width: 6.5em;
    position: absolute;
}
.sun-flare.is--1 {
    filter: blur(10px);
    min-width: 6.5rem;
    transform: translate(-22vw, -6vh);
}
.sun-flare.is--2 {
    filter: blur(12px);
    width: 2.5em;
    min-width: 2.5rem;
    transform: translate(-16vw, 1vh);
}
.sunray-icon {
    z-index: 0;
    aspect-ratio: 1;
    transform-style: preserve-3d;
    border-radius: 2em;
    width: 9em;
    position: absolute;
    overflow: hidden;
    transform: translateZ(60px);
}
.sunray-icon.is--1 {
    transform: rotate(10deg) translate(-5vw, -30vh);
}
.sunray-icon.is--2 {
    transform: rotate(6deg) translate(40vw, -49vh);
}
.sunray-icon.is--3 {
    border-radius: 1em;
    width: 3em;
    transform: rotate(-30deg) translate(10vw, 25vh);
}
.sunray-icon.is--4 {
    border-radius: 1.5em;
    width: 5em;
    transform: rotate(10deg) translate(45vw, 20vh);
}
.sunray-icon.is--5 {
    transform: rotate(-20deg) translate(-5vw, 45vh);
}
.sunray-icon.is--6 {
    border-radius: 1em;
    width: 3em;
    transform: rotate(40deg) translate(-15vw, 45vh);
}
.sunray-icon.is--8 {
    border-radius: 0.8em;
    width: 2.5em;
    transform: rotate(100deg) translate(-15vw, 52vh);
}
.sunray-icon.is--7 {
    border-radius: 1.75em;
    width: 7em;
    transform: rotate(7deg) translate(-42vw, 8vh);
}
.fund-pill {
    background-color: var(--color--green-100);
    color: var(--color--green-600);
    border-radius: 100em;
    justify-content: center;
    align-items: center;
    padding: 0.5em 0.75em;
    display: flex;
    position: absolute;
    right: 0.75em;
}
.floating-card__img {
    aspect-ratio: 1.6;
    perspective: 1000px;
    width: 100%;
    height: 100%;
    position: relative;
}
.floating-card__visual {
    z-index: 2;
    box-shadow: var(--shadow-light);
    border-radius: 1.5em;
    position: absolute;
}
.floating-card__visual.is--1 {
    border-radius: 1.6em;
    width: 23.75em;
    inset: 15% auto auto 0%;
    overflow: hidden;
}
.floating-card__visual.is--2 {
    width: 8.5em;
    inset: 25% 15% auto auto;
}
.floating-card__visual.is--3 {
    width: 8.5em;
    bottom: 20%;
    left: 18%;
}
.floating-card__visual.is--4 {
    width: 13.75em;
    inset: auto 10% 3% auto;
}
.phone-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: relative;
}
.phone-inner {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
.phone-inner__img {
    object-fit: cover;
    object-position: 50% 0%;
    flex: none;
    width: 100%;
    height: 100%;
    margin-top: -1px;
}
.phone-inner__img.flex-height {
    height: auto;
}
.phone-inner__overlay {
    background-image: linear-gradient(#fff0, #fff);
    height: 6em;
    position: absolute;
    inset: auto 0% 0%;
}
.phone-inner__bf {
    position: absolute;
    transition: transform 0.15s ease-out;
    transform-style: preserve-3d;
    will-change: transform;
    cursor: pointer; /* shows it's interactive */
}

.phone-inner__bf.is--left {
    width: 8em;
    top: 35%;
    left: 0%;
}
.phone-inner__bf.is--right {
    width: 2em;
    top: 45%;
    right: 10%;
}
.horizontal-line {
    background-color: var(--color--grey-200);
    width: 100%;
    height: 1px;
}
.benefits-wrap {
    border-top: 1px solid var(--color--grey-200);
    border-bottom: 1px solid var(--color--grey-200);
    text-align: center;
    width: 100%;
    margin-top: 4rem;
    padding-top: 1.5rem;
    padding-bottom: 7.5rem;
}
.benefits-grid {
    grid-column-gap: 7.75em;
    grid-row-gap: 2em;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 1.5rem;
    display: flex;
}
.savings-bar {
    background-color: #b3df7f;
    border-radius: 10rem;
    width: 100%;
    height: 1.125rem;
    margin-bottom: 2rem;
}
.savings-bar.is--apple {
    background-color: #f8d360;
    width: 45%;
}
.savings-bar.is--chase {
    background-color: #b0d9ff;
    width: 0.3rem;
}
.savings-bar.is--national {
    background-color: #ba82ec;
    width: 1.5rem;
}
.balance-field {
    border-radius: var(--radius--desktop);
    color: #7a828f;
    border: 1px solid #7a828f;
    width: 100%;
    height: 3.75rem;
    margin-bottom: 0;
    padding: 1.25rem 1.25rem 1.25rem 2rem;
    font-size: 1rem;
    line-height: 1;
    transition: border-color 0.2s;
    position: relative;
}
.balance-field:hover {
    border-color: var(--color--grey-800);
}
.balance-field:focus {
    border-color: var(--color--grey-800);
    outline-offset: 0px;
    outline: 3px #7a828f;
}
.balance-field::placeholder {
    color: var(--color--grey-800);
}
.balance-field.is--pw {
    min-width: 10rem;
}
.balance-field.is--tight {
    border-radius: 0.75rem;
    height: 2.75rem;
}
.balance-dollar {
    color: #7a828f;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: 51%;
    left: 1.25rem;
    transform: translateY(-50%);
}
.phone-inner__w {
    border-style: solid solid none;
    border-width: 5px;
    border-color: var(--color--black);
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: 18em;
    min-width: 18rem;
    height: 22em;
    min-height: 22rem;
    display: flex;
    position: relative;
    overflow: hidden;
}
.cash-card {
    width: 100%;
    height: 100%;
}
.cash-container-card__trigger {
    width: 0;
    height: 100vh;
    padding: 0;
    position: absolute;
    bottom: 0;
}
.cash-scene__inner {
    width: 100%;
    height: 100%;
}
.cash-inner__list {
    position: relative;
}
.cash-inner__list.u--scale-90 {
    transform: scale(0.9);
}
.floating-card__static {
    display: none;
}
.dd-link__img {
    border-radius: 0.5rem;
    width: 100%;
    margin-bottom: 0.75rem;
    display: none;
}
.dd-link__img.show {
    object-fit: cover;
    flex: 1;
    display: block;
}
.nav-dd__divider {
    opacity: 0.3;
    background-color: currentColor;
    width: 2px;
    height: 100%;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    display: none;
}
.nav-dd__divider.show {
    margin-left: 2rem;
    margin-right: 2rem;
    display: block;
}
.stacking-card__iphone {
    width: 32em;           /* increased from 24em → bigger iPhone */
    transform: translate(-20%); /* adjust centering so it doesn’t push too far left */
    max-width: none;       /* allow it to grow beyond container limits */
}
.stacking-card__iphone img {
    width: 100%;
    height: auto;
    display: block;
}

.stacking-card__card {
    z-index: 2;
    transform-style: preserve-3d;
    border-radius: 1rem;
    width: 17em;
    position: absolute;
    transform: translate(45%);
}
.cash-card__visual {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 40rem;
    margin-bottom: 5vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.div-block-3 {
    position: absolute;
}
.table-cell {
    border-right: 1px solid var(--color--grey-200);
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 0;
}
.table-cell.green {
    color: #8bad62;
    text-align: center;
}
.table-cell.is-row {
    text-align: left;
    white-space: nowrap;
    padding-left: 1.75rem;
    padding-right: 2rem;
}
.table-cell.red {
    color: #b65b3d;
}
.table-row {
    border-radius: 1.5rem;
}
.table-header {
    border-right: 1px solid var(--color--grey-200);
    width: 6.875rem;
    padding-top: 0.25rem;
    padding-bottom: 2.5rem;
}
.table-component {
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
}
.container-tiny {
    width: 100%;
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
}
.member-value__visual {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 35rem;
    margin-bottom: 5vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.member-value__phone {
    width: 32em;
}
.member-value__card {
    z-index: 2;
    transform-style: preserve-3d;
    border-radius: 1rem;
    width: 14em;
    position: absolute;
    transform: translate(80%);
}
.member-value__card-2 {
    border-radius: 0.5em;
    width: 6em;
    position: absolute;
    top: 10%;
    right: 15%;
}
.member-value__card-3 {
    border-radius: 0.5em;
    width: 8em;
    position: absolute;
    bottom: 15%;
    left: 15%;
}
.member-value__guide-1 {
    z-index: 1;
    border-radius: 0.5em;
    width: 9.375em;
    position: absolute;
    top: 10%;
    left: 15%;
}
.member-value__guide-2 {
    border-radius: 0.5em;
    width: 9.375em;
    position: absolute;
    top: 5%;
    left: -5%;
}
.value-container {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    flex-flow: row;
    width: 100%;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.value-container__left {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    flex-flow: column;
    flex: none;
    width: 100%;
    max-width: 15rem;
    display: flex;
}
.value-container__right {
    width: 100%;
}
.toggle-w {
    background-color: var(--color--grey-100);
    border-radius: 100rem;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    height: 2.75rem;
    padding: 0.2rem;
    display: flex;
}
.toggle-item {
    color: #98a2b3;
    cursor: pointer;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 0.625rem 0.25rem;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
}
.toggle-item:hover {
    color: #636974;
}
.toggle-item.is--active {
    background-color: var(--color--white);
    color: var(--color--black);
}
.select-w {
    background-color: var(--color--grey-100);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
    border: 1px #000;
    border-radius: 100rem;
    width: 100%;
    height: 2.75rem;
    padding: 0.625rem 1rem;
    font-size: 1rem;
    line-height: 1.375;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
.select-w:hover {
    background-color: #eceff4bf;
}
.select-w:focus {
    outline-color: var(--color--grey-200);
    outline-offset: 3px;
    outline-width: 1px;
    outline-style: none;
}
.select-w.wrap {
    z-index: 1;
    max-width: 22ch;
    padding-right: 2.5rem;
    position: relative;
}
.select-w__arrow {
    z-index: 2;
    width: 0.625rem;
    position: absolute;
    top: 50%;
    right: 1.125rem;
    transform: translateY(-50%);
}
.value-container__row {
    z-index: 0;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 1px solid var(--color--grey-400);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr 1fr 0.75fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: grid;
    position: relative;
}
.value-container__row.header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.value-container__row.is--footer {
    border-bottom-style: none;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.value-container__row.is--footer.cost {
    padding-top: 0;
}
.value-container__row.main {
    z-index: 1;
}
.value-container__row.main.is-1 {
    z-index: 5;
}
.value-container__row.main.is-2 {
    z-index: 4;
}
.value-container__row.main.is-3 {
    z-index: 3;
}
.value-container__row.main.is-4 {
    z-index: 2;
}
.value-compare__select {
    background-color: var(--color--grey-100);
    border-radius: 100rem;
    max-width: 14rem;
    position: relative;
}
.text-select {
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border: 1px #000;
    width: 100%;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
    padding: 0.5rem 0;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.15;
}
.text-select:focus {
    outline-color: var(--color--grey-200);
    outline-offset: 3px;
    outline-width: 1px;
    outline-style: none;
}
.text-select.wrap {
    max-width: 22ch;
    padding-right: 2.5rem;
}
.text-select__wrap {
    color: #3d414880;
    max-width: 5rem;
    transition: color 0.2s;
}
.text-select__wrap:hover {
    color: #3d4148;
}
.faq-heading-cash-card {
    letter-spacing: -0.01em;
    max-width: 90%;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
}
.value-chart__wrap {
    width: 100%;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
.value-chart {
    width: 100%;
}
.value-compare__tooltip {
    position: absolute;
    top: 50%;
    right: -1.5rem;
    transform: translateY(-50%);
}
.track-benefits {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 4rem;
    display: flex;
}
.track-benfit__grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 52.5rem;
    display: grid;
}
.track-benefit__item {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    border: 1px solid var(--color--grey-200);
    border-radius: 1.25rem;
    flex-flow: column;
    width: 100%;
    padding: 1.5rem 2rem;
    display: flex;
}
.icon--xlarge {
    justify-content: center;
    align-items: center;
    width: 2rem;
    display: flex;
}
.image-container {
    width: 100%;
}
.image-container.ratio--1-1 {
    aspect-ratio: 1;
}
.track-hero {
    width: 100%;
}
.track-hero__phone {
    width: 75%;
}
.track-hero__message {
    z-index: 2;
    transform-style: preserve-3d;
    width: 50%;
    position: absolute;
    top: 10%;
    left: 0%;
    transform: rotateX(10deg) rotateY(0) rotate(10deg);
}
.track-hero__chat {
    z-index: 2;
    transform-style: preserve-3d;
    width: 25%;
    position: absolute;
    bottom: 30%;
    left: 0%;
    transform: rotateX(10deg) rotateY(0) rotate(12deg);
}
.track-hero__stats {
    z-index: 2;
    transform-style: preserve-3d;
    width: 35%;
    position: absolute;
    bottom: 5%;
    right: 15%;
    transform: rotateX(10deg) rotateY(-5deg) rotate(15deg);
}
.blog-img-1 {
    width: 11em;
    position: absolute;
    inset: auto auto -70% -20%;
}
.blog-img-2 {
    width: 11em;
    position: absolute;
    inset: auto -30% -45% auto;
}
.blog-img-3 {
    width: 2.5rem;
    position: absolute;
    inset: -30% -10% auto auto;
}
.blog-cta {
    grid-column-gap: 1.75em;
    grid-row-gap: 1.75em;
    flex-flow: column;
    width: 100%;
    display: flex;
}
.blog-cta.is--featured {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: row;
}
.featured__img-wrap {
    aspect-ratio: 1.77;
    border-radius: 2rem;
    flex: none;
    justify-content: center;
    align-items: flex-end;
    width: 66.667%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.featured__text-wrap {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 1.25rem;
    display: flex;
}
.blog-post__cta {
    transition: transform 0.55s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: absolute;
    bottom: 1rem;
    transform: translateY(200%);
}
.h-line {
    width: 100%;
    height: 1px;
}
.h-line.bg--grey-200 {
    background-color: var(--color--grey-200);
}
.blog-grid {
    grid-column-gap: 1em;
    grid-row-gap: 4em;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 1.75em;
    display: grid;
}
.blog-grid.a--center {
    align-items: center;
}
.blog-grid.gap--large {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.blog-grid.large-margin__top {
    margin-top: 5em;
}
.blog-grid__item {
    width: 100%;
}
.blog__img-wrap {
    aspect-ratio: 1.15;
    border-radius: 1.5rem;
    flex: none;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.blog-cta__text {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.article-hero__img {
    aspect-ratio: 1.77;
    border-radius: 2rem;
    flex: none;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 3.75rem;
    position: relative;
    overflow: hidden;
}
.article-hero__text {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.text-wrap-balance {
    text-wrap: balance;
}
.article-avatar {
    aspect-ratio: 1;
    background-color: var(--color--peach-900);
    border-radius: 100rem;
    width: 3.75rem;
    overflow: hidden;
}
.article-inner__wrap {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 3.5rem;
    display: flex;
    position: relative;
}
.article-inner__content {
    grid-column-gap: 4.375rem;
    grid-row-gap: 4.375rem;
    flex-flow: column;
    width: 100%;
    max-width: 40rem;
    display: flex;
}
.article-inner__content.centered {
    margin-left: auto;
    margin-right: auto;
}
.rich-text {
    width: 100%;
}
.rich-text p {
    font-size: 1rem;
    line-height: 1.375;
}
.rich-text h2 {
    margin-top: 6rem;
    margin-bottom: 3rem;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2;
}
.rich-text h1 {
    margin-bottom: 3rem;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2;
}
.rich-text blockquote {
    letter-spacing: -0.01em;
    border-left-style: none;
    margin-top: 6rem;
    margin-bottom: 0.75rem;
    padding: 0;
    font-size: 2.5rem;
    line-height: 1.05;
}
.rich-text.is--simple h3 {
    margin-bottom: 1em;
    font-size: 1.375rem;
    font-weight: 600;
}
.rich-text.is--simple a {
    color: var(--color--green-800);
    text-decoration: underline;
}
.rich-text.is--simple a:hover {
    color: var(--color--green-700);
}
.article-inner__sidebar {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    width: 100%;
    max-width: 23rem;
    display: flex;
    position: sticky;
    top: 7rem;
}
.sidebar-cta {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    background-color: var(--color--white);
    box-shadow: var(--shadow-light);
    border-radius: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 2rem;
    display: flex;
    position: relative;
}
.sidebar-cta.sm--show {
    display: none;
}
.article-sidebar__list {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    border-bottom: 1px solid var(--color--grey-700);
    flex-flow: column;
    padding-bottom: 1.5rem;
    display: flex;
}
.article-sidebar__link {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    color: var(--color--grey-700);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.4;
    transition: color 0.2s;
    display: flex;
}
.article-sidebar__link:hover {
    color: var(--color--grey-900);
}
.icon--reg {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    display: flex;
}
.pricing-page__btm {
    z-index: 2;
    background-color: var(--color--white);
    height: 5rem;
    display: none;
    position: relative;
}
.max-375 {
    max-width: 23rem;
}
.benefits-container {
    margin-left: auto;
    margin-right: auto;
}
.green-pill {
    background-color: var(--color--green-100);
    color: var(--color--green-600);
    border-radius: 100em;
    justify-content: center;
    align-items: center;
    padding: 0.5em 0.75em;
}
.superscript-link {
    font-size: 0.625em;
    display: inline-block;
    transform: translateY(-50%);
}
.cc-benefits__card {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  aspect-ratio: 1.1;
  background-color:  var(--color--wasabi-300);
  color: var(--color--wasabi-900); 
  text-align: center;
  border-radius: 1.5rem; /* slightly tighter corners */
  flex-flow: column;
  flex: 1;
  padding: 1.5rem 1rem; /* reduced padding */
  font-weight: 600;
  display: flex;

  /* base elevation */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
              0 1px 3px rgba(0, 0, 0, 0.12);

  /* smooth animation */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover state — more elevation */
.cc-benefits__card:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
}

/* Active (click) state */
.cc-benefits__card:active {
  transform: scale(0.98);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
              0 1px 3px rgba(0, 0, 0, 0.12);
}

.cc-benefits__card.blue {
    background-color: var(--color--droplet-200);
    color: var(--color--droplet-900);
}
.cc-benefits__card.yellow {
    background-color: var(--color--yellow-100);
    color: var(--color--yellow-900);
}
.cc-benefit__title {
    letter-spacing: -0.03em;
    justify-content: center;
    align-items: flex-start;
    font-size: 5.375em;
    font-weight: 600;
    line-height: 1;
    display: flex;
}
.superscript {
    font-size: 0.35em;
}
.cc-benefits__icon {
    justify-content: center;
    align-items: center;
    width: 5em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.link-9 {
    text-decoration: underline;
}
.intro-image__top-guides {
    z-index: 3;
    border-radius: 3px;
    width: 11em;
    height: 6.25em;
    position: absolute;
    top: -20%;
    right: 20%;
    overflow: visible;
    transform: rotate(-6deg);
}
.intro-image__bottom-guides {
    z-index: 3;
    border-radius: 3px;
    width: 6em;
    height: 6em;
    position: absolute;
    bottom: -22%;
    left: 40%;
    overflow: visible;
    transform: rotate(-8deg);
}
.text-hero {
    padding-top: 12em;
    padding-bottom: 3em;
}


.text-hero-butterfly {
    width: 3.5rem;
    position: absolute;
}
.text-hero-butterfly.is--tl {
    inset: 0% auto auto 0%;
}
.text-hero-butterfly.is--br {
    width: 2.5rem;
    inset: auto 0% 35% auto;
}
.text-hero-butterfly.is--bl {
    inset: auto auto 0% 0%;
}
.testimonial-card__info {
    z-index: 5;
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    background-image: linear-gradient(#0000, #000000b3);
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 2rem 3rem 0.75rem 1rem;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}
.testimonial-card__title {
    text-wrap: balance;
    font-size: 1.33em;
    font-weight: 600;
    line-height: 1.2;
}
.testimonial-card__title.is--quote {
    font-weight: 600;
    line-height: 0.8;
}
.text-color-grey400 {
    color: var(--color--grey-400);
}
.play-button-wrap {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--color--white);
    background-color: #fff3;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.75rem;
    transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
}
.play-button-wrap.active {
    transform: scale(1);
}
.testimonial-card__play {
    z-index: 2;
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
}
.icon {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}
.t-cards__grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}
._wf-trigger {
    width: 0;
    height: 0;
    overflow: hidden;
}
.text-span-7,
.link-10 {
    text-decoration: underline;
}
.page-banner {
    background-color: var(--color--green-100);
    color: var(--color--black);
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 0.725em;
    padding-bottom: 0.725em;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.4;
    display: flex;
}
.underline-link {
    text-decoration: underline;
}
.u--flow {
    background-color: var(--color--peach-100);
    height: 100dvh;
}
.flow-bottom {
    z-index: 10;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--color--peach-100);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    transition: transform 0.65s cubic-bezier(0.77, 0, 0.175, 1);
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.flow-bottom.is--visible {
    transform: translate(0);
}
.flow-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
}
.flow-container.is--wide {
    max-width: 43rem;
}
.flow-container.is--split {
    margin-left: 0;
    margin-right: 0;
}
.flow-top {
    z-index: 100;
    background-color: var(--color--peach-100);
    padding-top: 1.25rem;
    padding-bottom: 1rem;
    position: fixed;
    inset: 0% 0% auto;
}
.flow-nav {
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25em;
    display: flex;
    position: relative;
}
.flow-nav__wordmark {
    width: max(6em, 80px);
}
.flow-nav__return {
    outline-offset: 0px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #0000;
    border: 1px #000;
    outline: 3px #000;
    justify-content: center;
    align-items: center;
    width: max(1.5em, 1.5rem);
    height: max(1.5em, 1.5rem);
    padding: 0.25rem;
    display: none;
    position: absolute;
    left: 0;
}
.flow-progress__wrap {
    grid-column-gap: 1.875em;
    grid-row-gap: 1.875em;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.flow-progress__wrap.xs--show {
    display: none;
}
.flow-progress__end {
    color: var(--color--green-700);
    justify-content: center;
    align-items: center;
    width: 1.625em;
    height: 2em;
    display: flex;
    position: relative;
}
.flow-progress__start {
    background-color: #0e8e5233;
    border-radius: 10em;
    flex: 1;
    height: 0.5em;
    position: relative;
}
.flow-progress__bar {
    background-color: var(--color--green-700);
    border-radius: 10em;
    width: 8%;
    height: 100%;
    position: relative;
}
.flow-step {
    padding-top: 6em;
    padding-bottom: 12em;
}
.flow-title__wrapper {
    grid-column-gap: 0.25em;
    grid-row-gap: 0.25em;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.5rem;
    display: flex;
}
.flow-h {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
}
.paragraph-2 {
    font-weight: 400;
}
.paragraph-3 {
    text-align: center;
    max-width: 56.25em;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.33;
}
.flow-form__wrap {
    background-color: #0000;
    margin-bottom: 0;
}
.flow-form__inner {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    background-color: #0000;
    flex-flow: column;
    display: flex;
}
.flow-form__checkbox {
    border: 1px solid var(--color--grey-200);
    background-color: var(--color--white);
    outline-offset: -1px;
    cursor: pointer;
    border-radius: 0.75rem;
    outline: 2px solid #0000;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 3.75em;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.5rem;
    font-size: 0.875rem;
    line-height: 1;
    transition: color 0.2s, border-color 0.2s, background-color 0.2s;
    display: flex;
    position: relative;
}
.flow-form__checkbox.active {
    border-top-style: solid;
    border-top-color: var(--color--green-200);
    border-right-style: solid;
    border-right-color: var(--color--green-200);
    border-bottom-style: solid;
    border-bottom-color: var(--color--green-200);
    border-left-style: solid;
    border-left-color: var(--color--green-200);
    outline-color: var(--color--green-700);
    outline-offset: -1px;
    color: var(--color--green-800);
    background-color: #e1fdea;
    outline-width: 2px;
    outline-style: solid;
}
.flow-form__check {
    z-index: 1;
    border: 1px solid var(--color--grey-200);
    outline-offset: 0px;
    background-color: #0000;
    background-image: linear-gradient(#0000, #0000);
    border-radius: 0.75rem;
    outline: 3px #000;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    transition: all 0.2s;
    position: absolute;
    inset: 0%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.flow-form__check.w--redirected-checked {
    border-top-width: 1px;
    border-top-color: var(--color--green-200);
    border-right-width: 1px;
    border-right-color: var(--color--green-200);
    border-bottom-width: 1px;
    border-bottom-color: var(--color--green-200);
    border-left-width: 1px;
    border-left-color: var(--color--green-200);
    outline-offset: 0px;
    box-shadow: var(--shadow-light);
    background-color: #e1fdea;
    outline: 3px #000;
}
.flow-form__checklabel {
    z-index: 2;
    margin-bottom: 0;
    font-weight: 600;
    transition: color 0.2s;
    position: relative;
}
.flow-form__check-icon {
    z-index: 3;
    width: 1.25rem;
    height: 1.25rem;
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    position: absolute;
    right: 0.625rem;
    transform: rotate(90deg) scale(0);
}
.flow-form__detail {
    z-index: 2;
    color: var(--color--grey-400);
    font-weight: 600;
    transition: all 0.2s;
    position: absolute;
    right: 1.5rem;
}
.flow-guide__grid {
    max-width: 65em;
    margin-top: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}
.flow-guide__grid.swiper {
    overflow: visible;
}
.flow-guide__list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}
.flow-guide__item {
    aspect-ratio: 1/1.3;
    width: calc(33.3333% - 0.666667rem);
    position: relative;
}
.flow-guide__item:hover {
    z-index: 10;
}
.flow-guide__item.swiper-slide {
    width: calc(33.3333% - 0.666667rem) !important;
}
.flow-guide__item-inner {
    background-color: var(--color--peach-900);
    border-radius: 0.625rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.flow-guide__item-inner2 { 
  background-color: var(--color--grey-0);
  border-radius: 0.625rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}


.flow-guide__item-inner4 { 
  background-color: var(--color--droplet-200);
  border-radius: 0.625rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
/* Hover effect for elevation */
.flow-guide__item-inner3:hover {
  transform: translateY(-2px);
  box-shadow: 
                0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);   /* balanced lift */
}

.flow-guide__item-inner3 { 
  background-color: var(--color--green-100);
  border-radius: 0.625rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;

  /* Apple-style shadow */
  box-shadow: 
    0 4px 10px rgba(0, 0, 0, 0.08),   /* soft outer shadow */
    0 1px 2px rgba(0, 0, 0, 0.12);    /* crisp subtle lift */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover effect for elevation */
.flow-guide__item-inner3:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);   /* balanced lift */
}

.flow-guide__item-overlay {
    z-index: 4;
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    color: var(--color--white);
    background-image: linear-gradient(#43312300, #433123);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.25em;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}
.flow-fixed__blur {
    z-index: 10000;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0003;
    position: fixed;
    inset: 0%;
}
.flow-fixed__overlay {
    z-index: 10001;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
}
.flow-fixed__popup {
    z-index: 2;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: var(--color--white);
    border-radius: 2rem;
    flex-flow: column;
    width: 28.125rem;
    padding: 1.5rem;
    display: flex;
    position: relative;
}
.popup-img__wrap {
    width: 100%;
    max-width: 17rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.input-field {
    color: #7a828f;
    border: 1px solid #7a828f;
    border-radius: 0.75rem;
    width: 100%;
    height: 3.125rem;
    margin-bottom: 0;
    padding: 1.25rem 1.25rem 1.25rem 2rem;
    font-size: 1rem;
    line-height: 1;
    transition: border-color 0.2s;
    position: relative;
}
.input-field:hover {
    border-color: var(--color--grey-800);
}
.input-field:focus {
    border-color: var(--color--grey-800);
    outline-offset: 0px;
    outline: 3px #7a828f;
}
.input-field::placeholder {
    color: var(--color--grey-800);
}
.input-field.is--pw {
    min-width: 10rem;
}
.input-field.is--tight {
    border-radius: 0.75rem;
    height: 2.75rem;
}
.input-field.left-tight {
    padding-left: 1rem;
}
.input-field.is--minimal {
    color: var(--color--grey-800);
    border-style: none;
    border-radius: 0;
    height: auto;
    padding: 0;
}
.input-field.is--minimal::placeholder {
    color: var(--color--grey-400);
}
.flow-form__button {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    border: 1px solid var(--color--grey-200);
    background-color: var(--color--white);
    outline-offset: -2px;
    text-align: left;
    cursor: pointer;
    border-radius: 0.75rem;
    outline: 2px solid #0000;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 5rem;
    margin-bottom: 0;
    padding: 0.625rem 3.5rem 0.625rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1;
    transition: all 0.2s;
    display: flex;
    position: relative;
}
.flow-form__button:hover {
    border-color: var(--color--green-200);
    color: var(--color--green-800);
    background-color: #e1fdea;
}
.flow-form__button.active {
    outline-color: var(--color--green-700);
    outline-offset: -1px;
    color: var(--color--green-700);
    background-color: #e1fdea;
}
.flow-form__button.large {
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    padding: 1.25rem;
}
.flow-button__icon-wrap {
    background-color: var(--color--grey-100);
    border-radius: 0.625rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 3.375rem;
    height: 3.375rem;
    padding: 0.75rem;
    display: flex;
}
.p-ml {
    letter-spacing: -0.004em;
    font-size: 1.25rem;
    line-height: 1.33333;
}
.p-ml.d--inline {
    position: relative;
}
.p-ml.fw--sb {
    line-height: 1;
}
.price-tag {
    z-index: 2;
    background-color: var(--color--green-700);
    color: var(--color--white);
    border-radius: 100rem;
    padding: 0.375rem 1rem;
    position: absolute;
    top: 0;
    right: 0.75rem;
    transform: translateY(-50%);
}
.flow-moneyback {
    padding-top: 6.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.moneyback-card {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
    border: 1px solid var(--color--grey-100);
    background-color: var(--color--green-100);
    color: var(--color--green-900);
    border-radius: 2rem;
    flex-flow: column;
    padding: 1.375rem 2rem 1.375rem 1.75rem;
    display: flex;
    position: relative;
}
.moneyback-bf {
    position: absolute;
}
.moneyback-bf.is--bl {
    width: 1.75rem;
    inset: auto auto -1.25rem -3rem;
}
.moneyback-bf.is--tr {
    width: 2.5rem;
    inset: -2rem -3.5rem auto auto;
}
.moneyback-orange__left {
    width: 8.75rem;
    position: absolute;
    top: 10rem;
    left: 0;
}
.moneyback-orange__right {
    width: 8.75rem;
    position: absolute;
    bottom: 5rem;
    right: 0;
    transform: rotate(180deg);
}
.flow-split__wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: 100vh;
    display: grid;
}
.img-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.flow-end__steps {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 4rem 5rem 12rem;
    display: flex;
}
.flow-steps__wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: 100%;
    max-width: 21rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    display: flex;
}
.flow-steps__right {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.flow-steps__text {
    grid-column-gap: 0.125rem;
    grid-row-gap: 0.125rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.flow-steps__left {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.flow-steps__icon {
    background-color: var(--color--green-700);
    color: var(--color--white);
    border-radius: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.625rem;
}
.flow-steps__bar {
    background-color: #0e8e521a;
    width: 5px;
    height: 3.75rem;
}
.flow-steps__bar.first {
    background-color: #0000;
    background-image: linear-gradient(180deg, var(--color--green-700), #0e8e521a);
}
.checkout-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 72.5em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3em;
    display: flex;
    position: relative;
}
.checkout-step {
    border: 1px solid var(--color--grey-200);
    background-color: var(--color--white);
    border-radius: 0.75rem;
    width: 100%;
    padding: 1.25rem;
    position: relative;
}
.checkout-step.z--2 {
    z-index: 2;
}
.checkout-step__title {
    margin-bottom: 1.25rem;
}
.checkout-step__form {
    width: 100%;
    margin-bottom: 0;
}
.checkout-step__col {
    z-index: 1;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    width: calc(50% - 0.75rem);
    display: flex;
    position: relative;
}
.checkout-step__col.sticky {
    position: sticky;
    top: 2em;
}
.checkout-disclosure {
    width: 100%;
    max-width: 65em;
    margin-top: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}
.o--90 {
    opacity: 0.9;
}
.checkout-guide {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    border: 1px solid var(--color--grey-200);
    border-radius: 0.75rem;
    justify-content: flex-start;
    align-items: center;
    padding: 0.75rem;
    display: flex;
}
.checkout-guide__img {
    border: 1px solid var(--color--grey-200);
    background-color: var(--color--peach-900);
    border-radius: 0.75rem;
    flex: none;
    width: 4.625rem;
    height: 4.625rem;
    overflow: hidden;
}
.checkout-guide__details {
    grid-column-gap: 0.125rem;
    grid-row-gap: 0.125rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}
.checkout-guide__btn {
    margin-top: 0.125rem;
    display: none;
}
.checkout-step__content {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-flow: column;
    display: flex;
}
.checkout-details {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px solid var(--color--grey-200);
    border-radius: 0.75rem;
    flex-flow: column;
    padding: 1.25rem 1.25rem 1.5rem;
    display: flex;
}
.checkout-details__split {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.checkout-details__item {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.checkout-icon {
    width: 1.875rem;
}
.checkout-icon.calendar {
    padding: 0.25rem;
}
.promo-submit {
    z-index: 2;
    color: var(--color--green-700);
    cursor: pointer;
    background-color: #0000;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding: 0.5rem;
    transition: color 0.2s;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.promo-submit:hover {
    color: var(--color--green-900);
}
.promo-active {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: none;
}
.promo-code {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    background-color: var(--color--green-700);
    color: var(--color--white);
    white-space: nowrap;
    border-radius: 0.375rem;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
}
.promo-code__icon {
    width: 1.125rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.promo-code__close {
    cursor: pointer;
    background-color: #0000;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    margin: 0 -0.5rem 0 0;
    padding: 0 0.5rem;
    transition: background-color 0.2s;
}
.promo-code__close:hover {
    background-color: var(--color--green-600);
}
.flow-nav__bg {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    position: absolute;
    inset: 0%;
}
.flow-footnote {
    margin-top: 5em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.flow-footnote.no--pad {
    padding-left: 0;
    padding-right: 0;
}
.flow-footnote.extra--pad {
    margin-top: 10em;
}
.popup-img__nr {
    background-color: var(--color--green-700);
    color: var(--color--white);
    border-radius: 100em;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding-right: 0.125rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    display: flex;
    position: absolute;
    top: 15%;
    right: -1rem;
}
.load-wrap {
    z-index: 100;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    background-color: #fff0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100dvh;
    transition: background-color 0.25s;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
}
.load-spinner {
    width: 6em;
}
.load-message {
    background-color: var(--color--green-200);
    color: var(--color--green-700);
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
}
.promo-popup {
    z-index: 2;
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
    background-color: var(--color--white);
    pointer-events: auto;
    color: var(--color--black);
    text-align: center;
    border-radius: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 22rem;
    padding: 1.5rem 2rem;
    display: flex;
    position: absolute;
    bottom: 3rem;
    right: 3rem;
}
.promo-popup__button {
    margin-top: 0.625rem;
}
.flow-modal {
    z-index: 1000;
    visibility: hidden;
    justify-content: center;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
    position: fixed;
    inset: 0%;
}
.flow-modal.active {
    visibility: visible;
    display: flex;
}
.flow-modal__bg {
    z-index: 0;
    opacity: 0;
    cursor: pointer;
    background-color: #000;
    transition: opacity 0.45s;
    position: absolute;
    inset: 0%;
}
.flow-modal__inner {
    z-index: 1;
    background-color: var(--color--white);
    opacity: 0;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 58rem;
    height: auto;
    max-height: 90vh;
    padding-top: 5rem;
    padding-bottom: 5rem;
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: auto;
    transform: translateY(20%);
}
.flow-modal__title {
    text-align: center;
    margin-bottom: 1.25rem;
}
.flow-modal__close {
    z-index: 2;
    cursor: pointer;
    background-color: #0000;
    border-radius: 100em;
    padding: 1rem;
    transition: background-color 0.2s;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}
.flow-modal__close:hover {
    background-color: var(--color--grey-200);
}
.flow-modal__inner-container {
    padding-left: 5rem;
    padding-right: 5rem;
    overflow: clip;
}
.overlay-nav__circle {
    color: var(--color--grey-900);
    cursor: pointer;
    background-color: #0000000d;
    border: 1px solid #0000000f;
    border-radius: 100em;
    justify-content: center;
    align-items: center;
    width: 3.25rem;
    height: 3.25rem;
    padding: 1rem 1.25rem 1rem 1rem;
    transition: background-color 0.25s;
    display: flex;
}
.overlay-nav__circle:hover {
    background-color: #00000026;
}
.overlay-nav__circle.is--next {
    transform: rotate(180deg);
}
.promo-notice {
    background-color: var(--color--green-700);
    color: var(--color--white);
    text-align: center;
    visibility: hidden;
    border-radius: 0.75rem;
    justify-content: center;
    align-items: center;
    padding: 1rem 4rem;
    display: none;
}
.flow-guides__floating {
    width: 100%;
    height: 100%;
}
.flow-split__right {
    padding-left: 6rem;
}
.contain-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.flow-container__split {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.flow-container__split.padding-top {
    padding-top: 2rem;
}
.checkout-dropdown {
    border: 1px solid var(--color--grey-200);
    border-radius: 0.75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}
.checkout-dropdown__toggle {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    display: flex;
}
.checkout-dropdown__content {
    width: 100%;
    max-width: 26rem;
    height: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    overflow: hidden;
}
.hidden-link:hover {
    text-decoration: underline;
}
.demo-card__visual-before {
    padding-top: 66%;
}
.filter-group {
    min-height: 100vh;
    padding-bottom: 10em;
}
.demo-card__visual {
    background-color: #e2dfdf;
    border-radius: 0.5em;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
.demo-card__bottom {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0.25em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    display: flex;
}
.demo-card__emoji {
    font-size: 4em;
}
.demo-card__h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1;
}
.filter-list__item {
    width: 25%;
    padding: 0.75em;
}
.filter-list {
    flex-flow: wrap;
    width: 100%;
    display: flex;
}
.filter-buttons {
    grid-column-gap: 0.5em;
    grid-row-gap: 0.5em;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
    
}
.filter-btn {
    background-color: var(--color--green-200);
    -webkit-appearance: none;
    appearance: none;
    border-radius: 10em;
    padding: 0.65em 1.25em;
    font-size: 0.875rem;
    transition: 
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1),
        box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12); /* subtle base shadow */
}

.filter-btn:hover {
    background-color: var(--color--green-100);
    transform: translateY(-2px); /* lift effect */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16); /* deeper shadow */
}
.demo-card {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: #efeeec;
    border-radius: 1.5em;
    flex-flow: column;
    width: 100%;
    padding: 1em;
    display: flex;
}
.filter-grid {
    margin-top: 2rem;
}
.press-card {
    background-color: var(--color--green-50);
    border-radius: 0.875rem;
    width: 100%;
    height: 25rem;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.2s;
    position: relative;
    overflow: hidden;
}
.press-card:hover {
    background-color: var(--color--green-100);
    transform: translateY(-8%) scale(1.05);
}
.press-card__thumb {
    aspect-ratio: 1.5;
    object-fit: cover;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.press-card__details {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0.875rem 1.25rem 0.875rem 0.875rem;
    display: flex;
}
.press-card__tag {
    color: var(--color--green-800);
    background-color: #c1c7d173;
    border-radius: 100rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.2;
}
.press-card__title {
    margin-bottom: 1rem;
}
.article-inner__section {
    padding-bottom: 7.5rem;
}
.press-card__date {
    position: absolute;
    bottom: 0.875rem;
}
.guides-grid__wrap {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 8rem;
}
.guides-grid__wrap.swiper {
    overflow: visible;
}
.guides-grid__list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}
.guides-grid__item {
    aspect-ratio: 1/1.3;
    width: calc(23.5294% - 0.470588rem);
    position: relative;
}
.guides-grid__item:hover {
    z-index: 10;
}
.guides-grid__item.swiper-slide {
    width: calc(33.3333% - 0.666667rem) !important;
}
.div-block-4 {
    justify-content: center;
    align-items: center;
    margin: 1.25rem auto;
    display: flex;
}
.info-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: var(--color--grey-0);
    border-radius: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-height: 38em;
    padding: 2.5rem 2rem;
    display: flex;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
   } 
    .info-card:hover {
  background-color: #f9f9f9; /* lighter shade */
  box-shadow:   0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
}



.info-card2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: var(--color--droplet-200);
    border-radius: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-height: 38em;
    padding: 2.5rem 2rem;
    display: flex;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12);
}
.info-card2:hover {
  background-color: var(--color--droplet-100);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
}
.pill {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  background-color: var(--color--white);
  border-radius: 1000em;
  justify-content: flex-start;
  align-items: center;
  padding: 0.75rem 1.875rem;
  display: flex;
}

.pill:hover {
  /* Stronger shadow on hover for "lift" */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16);
  transform: translateY(-2px); /* slight lift */
}

.pill:active {
  /* Pressed down effect */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
              0 1px 3px rgba(0, 0, 0, 0.12);
  transform: translateY(0);
}

}
.info-card-img {
    width: 28.75em;
    height: 16.25em;
    margin-left: auto;
    margin-right: auto;
}
.info-card-img.is--flow {
    width: 18em;
    height: 18em;
 }   
.info-card2 .info-card-img.is--flow {
    display: flex;
    justify-content: center;   /* center horizontally */
    align-items: center;       /* center vertically */
    width: 100%;
    height: 100%;
}

.info-card2 .info-card-img.is--flow img {
    max-width: 70%;   /* make it bigger, adjust as needed */
    height: auto;     /* keep proportions */
    margin: 0 auto;   /* ensure it's centered */
    display: block;
}
.stacking-flow-visual {
    width: 40em;
    margin-left: auto;
    margin-right: 2em;
}
.features-inner {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
}
.features-wrap {
    width: 100%;
    height: auto;
    position: relative;
}
.features-inner-list__wrap {
    z-index: 2;
    padding-left: 5em;
    padding-top: calc(25vh - var(--half-height));
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    display: flex;
    position: relative;
}
.features-inner-list__item {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 22em;
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
    position: relative;
}
.features-inner-img__wrap {
    z-index: 1;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}
.features-inner-img__list {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: relative;
}
.features-inner-img__item {
    aspect-ratio: 1;
    width: 33.75em;
    position: absolute;
}
.features-inner-heading__wrap {
    z-index: 2;
    background-image: linear-gradient(#fff 55%, #fffc 75%, #fff0);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.stuff-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    padding-top: 5rem;
    display: grid;
}
.stuff-item {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--color--grey-200);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--color--grey-200);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--color--grey-200);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--color--grey-200);
    background-color: var(--color--droplet-300);
    box-shadow: var(--shadow-light);
    border-radius: 100em;
    max-width: 24em;
    padding: 2em 4em 2em 3em;
}
.stuff-item.is--light {
    background-color: var(--color--droplet-0);
}
.stuff-item.is--light.is--2 {
    z-index: 1;
    position: relative;
    transform: translate(10%) rotate(-3deg);
}
.stuff-item.is--light.is--4 {
    z-index: -1;
    position: relative;
    transform: rotate(8deg) translate(-10%, 70%);
}
.stuff-item.is--light.is--5 {
    position: relative;
    transform: translate(10%, -10%) rotate(-3deg);
}
.stuff-item.is--light.is--7 {
    z-index: -1;
    position: relative;
    transform: rotate(-4deg) translate(-20%, -10%);
}
.stuff-item.is--light.is--8 {
    transform: rotate(10deg) translate(-35%, 70%);
}
.stuff-item.is--light.is--10 {
    transform: rotate(-10deg) translate(25%, 25%);
}
.stuff-item.is--mid {
    background-color: var(--color--droplet-200);
}
.stuff-item.is--mid.is--3 {
    transform: rotate(2deg) translateY(5%);
}
.stuff-item.is--mid.is--9 {
    z-index: -1;
    position: relative;
    transform: translate(50%, -10%);
}
.stuff-item.is--whit {
    background-color: var(--color--white);
}
.stuff-item.is--whit.is--6 {
    transform: translate(-10%);
}
.stuff-item.is--1 {
    transform: rotate(-10deg);
}
.stuff-item.is--11 {
    z-index: -1;
    position: relative;
    transform: rotate(3deg) translate(15%, 25%);
}
.moneyflow-container {
    width: 100%;
    height: 550vh;
    position: relative;
}
.moneyflow-container.is--short {
    height: 400vh;
}
.u--bg {
    z-index: 0;
    position: absolute;
    inset: 0%;
}
.moneyflow-scroll {
    height: 100%;
    position: relative;
}
.moneyflow-scroll.is--short {
    padding-top: 0;
}
.moneyflow-text__card {
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    text-wrap: balance;
    background-color: #fff6;
    border-radius: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 26.5em;
    padding: 2em;
    display: flex;
    position: absolute;
    left: 0;
}
.moneyflow-text__card.is--hidden {
    visibility: hidden;
}
.moneyflow-text__card.is--3 {
    visibility: hidden;
    max-width: 27em;
}
.moneyflow-visual-item {
    position: absolute;
}
.moneyflow-visual-item.is--inititial {
    visibility: visible;
}
.moneyflow-visual-item.is--hidden {
    visibility: hidden;
}
.moneyflow-vis-2 {
    aspect-ratio: 1.08;
    width: 36.25em;
    position: relative;
}
.moneyflow-vis-2-c {
    aspect-ratio: 1.37;
    color: var(--color--white);
    box-shadow: var(--shadow-light);
    border-radius: 2.5em;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 25em;
    padding: 1.25em;
    display: flex;
    position: absolute;
    overflow: hidden;
}
.moneyflow-vis-2-c.is--2 {
    z-index: 0;
    inset: auto 0% 0% auto;
}
.moneyflow-vis-2-c.is--1 {
    z-index: 1;
}
.moneyflow-vis-dots {
    width: 0.25rem;
    height: 1.125rem;
    margin-left: auto;
    position: relative;
}
.moneyflow-visual-list {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 42.5em;
    display: flex;
    position: relative;
}
.moneyflow-visual-list.u--scale-90,
.moneyflow-vis-1 {
    transform: scale(0.9);
}
.tag-tiny-text {
    letter-spacing: -0.004em;
    margin-bottom: 0;
    font-size: 0.5em;
    line-height: 1;
    display: block;
}
.tag-tiny-text.o--80.u--capitalize {
    text-transform: capitalize;
}
.tag-tiny-text.fw--sb {
    font-weight: 600;
}
.tag-tiny-text.u--lh-tight {
    line-height: 1.2;
}
.moneyflow-vis-3 {
    aspect-ratio: 1/2.15;
    background-color: var(--color--white);
    box-shadow: var(--shadow-light);
    border-radius: 1.5em;
    justify-content: center;
    align-items: center;
    width: 22em;
    display: flex;
    position: relative;
    overflow: clip;
}
.moneyflow-screen-img {
    position: absolute;
    inset: 0%;
}
.moneyflow-screen-img.is--top {
    z-index: 1;
    bottom: auto;
}
.moneyflow-vis-4 {
    aspect-ratio: 1/1.75;
    background-color: var(--color--white);
    box-shadow: var(--shadow-light);
    border-radius: 1.5em;
    justify-content: center;
    align-items: center;
    width: 25em;
    display: flex;
    position: relative;
    overflow: clip;
}
.moneyflow-inner {
    z-index: 1;
    height: 100vh;
    padding-top: 11vh;
    position: sticky;
    top: 0;
}
.moneyflow-inner__content {
    z-index: 1;
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.features-inner-list__visual {
    display: none;
}
.disclosures-wrap {
    text-align: center;
    width: 100%;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
}
.cover-vid {
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.cover-vid.u--abs {
    z-index: 1;
    position: absolute;
    inset: 0%;
}
.features-inner-vid {
    aspect-ratio: 1/2.15;
    box-shadow: var(--shadow-light);
    border-radius: 1.5em;
    width: 22em;
    overflow: hidden;
}
.features-noti__wrap {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 80vh;
    display: flex;
}
.features-noti {
    z-index: 2;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--color--white);
    background-color: #252525cc;
    border-radius: 1.25em;
    justify-content: flex-start;
    align-items: center;
    padding: 0.875em 3.25em 0.875em 0.875em;
    display: flex;
    position: relative;
    transform: translate(50%);
}
.features-noti__logo {
    width: 2.5em;
    height: 2.5em;
}
.features-noti__contnt {
    max-width: 17.1875em;
}
.feautures-noti__text {
    letter-spacing: -0.004em;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.375;
}
.feautures-noti__text.tansfer-tips {
    padding-top: 30px;
}
.feautures-noti__text.nav-link {
    margin: -0.75rem;
    padding: 0.75rem;
    display: inline-block;
}
.feautures-noti__text.is--pill {
    background-color: var(--color--grey-100);
    border-radius: 100rem;
    padding: 0.25rem 0.625rem;
}
.features-noti__detail {
    opacity: 0.5;
    letter-spacing: -0.004em;
    font-size: 0.75em;
    line-height: 1.15;
    position: absolute;
    top: 1.15em;
    right: 1.65em;
}
.features-noti__detail.text-color-grey.top {
    display: none;
}
.features-noti__detail.text-color-dark {
    color: var(--color--grey-900);
}
.features-noti__detail.text-color-dark.fw--sb {
    opacity: 0.5;
}
.features-noti__detail.tag.purple {
    background-color: var(--color--violet-100);
    margin-bottom: 0.5rem;
    font-weight: 600;
}
.features-noti__detail.tag.grey {
    background-color: var(--color--grey-200);
}
.features-noti__detail.lh--1-3 {
    line-height: 1.3;
}
.features-inner-list {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.link-11 {
    text-decoration: underline;
}
.features-noti-bf {
    z-index: 0;
    position: absolute;
}
.features-noti-bf.is--1 {
    aspect-ratio: 1;
    width: 5.5em;
    left: 75%;
}
.features-noti-bf.is--2 {
    aspect-ratio: 1;
    width: 4em;
    left: 125%;
}
.home-hero__split {
    flex-flow: wrap;
    place-content: flex-start space-between;
    align-items: center;
    display: flex;
}
.moneymap-hero__img {
    aspect-ratio: 1;
    border: 1px solid var(--color--grey-50);
    -webkit-backdrop-filter: blur(1em);
    backdrop-filter: blur(1em);
    background-color: #fff9;
    border-radius: 1.875em;
    width: 25em;
    min-width: 20rem;
    overflow: hidden;
}
.logo-strip {
    flex-flow: row;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
}
.logo-strip.xs--show,
.logo-strip.sm--show {
    display: none;
}
.logo-strip__el {
    flex: none;
    margin-left: 1.5em;
    margin-right: 1.5em;
}
.moneymap-hero__bg {
    aspect-ratio: 3.55;
    flex-flow: row;
    height: calc(100% + 3px);
    display: flex;
    position: relative;
}
.moneymap-hero__bg-item {
    flex: none;
    width: 50%;
    height: 100%;
}
.logo-strip__wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.no--flex {
    flex: none;
}
.logo-strip__img {
    height: 3em;
}
.lg--break {
    display: block;
}
.price-toggle__nav {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    background-color: var(--color--grey-100);
    border-radius: 10em;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5em;
    padding: 0.5em 0.625em;
    display: flex;
}
.price-toggle__button {
    color: var(--color--grey-600);
    cursor: pointer;
    background-color: #0000;
    border-radius: 100em;
    padding: 0.3125em 1.5em;
    transition: background-color 0.2s, color 0.2s;
}
.price-toggle__button:hover {
    color: var(--color--black);
}
.price-toggle__button.is--active {
    background-color: var(--color--white);
    color: var(--color--black);
}
.price-cards__row {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
}
.price-card__col {
    border: 1px solid var(--color--grey-200);
    border-radius: 1.25em;
    width: 100%;
    min-width: 22rem;
    max-width: 22em;
    
    transition: all 0.3s ease; /* smooth animation */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.12); /* subtle base shadow */
}

/* Hover effect */
.price-card__col:hover {
    transform: translateY(-8px); /* soft lift */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
                0 3px 6px rgba(0, 0, 0, 0.16); /* floating shadow */
    border-color: rgba(0,0,0,0.05); /* lighter border on hover */
}
.price-card__col-top {
    background-color: var(--color--green-900);
    color: var(--color--green-0);
    border-top-left-radius: 1.25em;
    border-top-right-radius: 1.25em;
    padding: 1.875em 1.25em;
}
.price-card__col-top2 {
    background-color: white;
    color: var(--color--green-900);
    border-top-left-radius: 1.25em;
    border-top-right-radius: 1.25em;
    padding: 1.875em 1.25em;
}
.price-card__col-top-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    display: flex;
}
.price-card__col-top-content2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    display: flex;
}
.price-card__top-h {
    height: 3em;
    position: relative;
    overflow: hidden;
}
.price-card__top-h.is-wide {
    min-width: 10.5em;
}
.price-card__top-p {
    height: 0.8rem;
    overflow: clip;
}
.price-card__col-bottom {
    background-color: var(--color--white);
    border-bottom-right-radius: 1.25em;
    border-bottom-left-radius: 1.25em;
    padding: 2em 1.25em 2.5em;
}
.price-card__ul {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}
.price-card__li {
    grid-column-gap: 0.625em;
    grid-row-gap: 0.625em;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.price-card__col-bottom2 {
    background-color: var(--color--green-50);
    border-bottom-right-radius: 1.25em;
    border-bottom-left-radius: 1.25em;
    padding: 2em 1.25em 2.5em;
}
.price-card__ul2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}
.price-card__li2 {
    grid-column-gap: 0.625em;
    grid-row-gap: 0.625em;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}


.price-card__tick {
    aspect-ratio: 1;
    flex: none;
    width: 1.75rem;
}
.price-card__col-top-plus {
    grid-column-gap: 0.625em;
    grid-row-gap: 0.625em;
    color: var(--color--black);
    justify-content: flex-start;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1.15em;
    display: flex;
    position: relative;
}
.plus-c {
    z-index: 2;
    border: 1px solid var(--color--grey-200);
    background-color: var(--color--white);
    transform-origin: 100% 0;
    cursor: context-menu;
    border-radius: 0.625rem;
    max-width: 11.875rem;
    padding: 0.75rem 1rem 0.75rem 0.75rem;
    font-size: 0.5625rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    top: 1.25rem;
    right: -2rem;
    transform: scale(1.38);
    box-shadow: 0 20px 20px #00000008, 0 5px 11px #00000008;
}
.plus-c__top {
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.plus-c__top-icon {
    border: 1.25px solid var(--color--green-800);
    border-radius: 100rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    padding: 0.25rem;
    display: flex;
}
.plus-c__top-content {
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.plus-c__emoji {
    width: 1.625rem;
}
.plus-c__bottom {
    grid-template-rows: 0fr;
    display: grid;
    position: relative;
    overflow: hidden;
}
.plus-c__bottom-w-content {
    padding-top: 0.4rem;
    padding-left: 1.625rem;
    font-weight: 500;
    line-height: 1.1;
}
.accordion-css__list {
    grid-column-gap: 0.5em;
    grid-row-gap: 0.5em;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    position: static;
}
.plus-c__bottom-w {
    flex-flow: column;
    height: 100000%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.accordion-css__item-icon-svg {
    width: 1em;
}
.accordion-css__item-icon {
    background-color: #d4cee5;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    display: flex;
    transform: rotate(180deg);
}
.accordion-css__item-top {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding: 1em 1em 1em 1.5em;
    display: flex;
}
.accordion-css {
    max-width: 29em;
    position: relative;
}
.accordion-css__item {
    background-color: #efeeec;
    border-radius: 0.5em;
    list-style: none;
}
.accordion-css__item-h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 1.3;
}
.accordion-css__item-p {
    color: #2c2c2c;
    margin-bottom: 0;
    font-size: 0.875em;
    line-height: 1.5;
}
@media screen and (max-width: 991px) {
    .main-w,
    .section.z--3.u--clip {
        overflow: clip;
    }
    .section.home-moneymap {
        max-height: none;
    }
    .h-display {
        font-size: 4em;
    }
    .eyebrow {
        line-height: 1.3;
    }
    .col.col-md-10 {
        flex: 83.3333%;
        max-width: 83.3333%;
    }
    .col.col-md-5 {
        flex: 41.6667%;
        max-width: 41.6667%;
    }
    .col.col-md-2 {
        flex: 16.6667%;
        max-width: 16.6667%;
    }
    .col.col-md-3 {
        flex: 25%;
        max-width: 25%;
    }
    .col.col-md-9 {
        flex: 75%;
        max-width: 75%;
    }
    .col.col-md-6 {
        flex: 50%;
        max-width: 50%;
    }
    .col.col-lg-5.col-md-10.col--p-large {
        margin-top: 2rem;
        margin-left: 16.66%;
    }
    .col.col-md-12 {
        flex: 100%;
        max-width: 100%;
    }
    .col.col-md-4 {
        flex: 33.3333%;
        max-width: 33.3333%;
    }
    .col.col-md-11 {
        flex: 91.6667%;
        max-width: 91.6667%;
    }
    .col.col-md-1 {
        flex: 8.33333%;
        max-width: 8.33333%;
    }
    .col.md--no-margin {
        margin-left: 0;
        margin-right: 0;
    }
    .col.col-md-7 {
        flex: 58.3333%;
        max-width: 58.3333%;
    }
    .col.col-md-8 {
        flex: 66.6667%;
        max-width: 66.6667%;
    }
    .p-pad {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md--hide {
        display: none;
    }
    .home-hero__inner {
        justify-content: flex-end;
        padding-bottom: 4.5rem;
    }
    .content-w {
        min-width: auto;
    }
    .content-w.is--wide {
        min-width: 25rem;
    }
    .nav-inner {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .nav-button {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .intro-spacer.is--top,
    .intro-spacer.is--bottom,
    .intro-spacer.is--top__guides {
        width: 0.3em;
    }
    .intro-image__top {
        top: -6em;
        right: 8%;
    }
    .intro-image__bottom {
        bottom: -6em;
        left: 12%;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
                    0 1px 3px rgba(0, 0, 0, 0.12);
    }
    .hover-card {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
    .hover-card.is--left {
        padding-right: 0.4rem;
    }
    .hover-card.is--right {
        padding-left: 0.4rem;
    }
    ._3-col__item {
        flex: none;
        align-items: flex-end;
        width: 50%;
    }
    .hover-card__info {
        padding-left: 1rem;
        padding-right: 1.75rem;
    }
    .scroll-w {
        border-top-left-radius: var(--radius--desktop);
        border-top-right-radius: var(--radius--desktop);
    }
    .stacking-card {
        padding-left: 3em;
    }
    .p-cards__container.is--illustrated {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: stretch;
    }
    .p-card.is--left.is--illu,
    .p-card.is--right.is--illu {
        transform: none;
    }
    .goals-card {
        width: 10rem;
        height: 12rem;
        font-size: 1rem;
    }
    .goals-card.is--3 {
        left: 40%;
    }
    .goals-card.is--6 {
        bottom: 10%;
    }
    .goals-card.is--8 {
        bottom: 5%;
        left: 5%;
    }
    .goals-card__img {
        width: 7rem;
    }
    .quote-element {
        width: 100%;
        max-width: none;
    }
    .t-card {
        flex: none;
        width: 12em;
        height: 15em;
        margin-left: -2em;
        margin-right: -2em;
    }
    .book-container {
        align-items: end;
    }
    .split-content {
        grid-template-columns: 1fr;
        padding: 0;
    }
    .split-content.is--flipped {
        grid-template-columns: 1fr;
    }
    .split-content__img {
        width: 100%;
    }
    .split-content__img.a--center.r--12 {
        aspect-ratio: 1.5;
    }
    .split-content__img.is--square {
        width: 25em;
    }
    .split-content__text {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
    .faq-toggle:hover {
        background-color: var(--color--green-0);
    }
    .footer-logo {
        width: 12em;
    }
    .footer-inner {
        grid-column-gap: 2em;
    }
    .p-card__pill {
        opacity: 1;
        transform: translate(0);
    }
    .dd-toggle {
        flex: none;
    }
    .page-hero {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    .page-hero.is--track,
    .page-hero.is--blog,
    .page-hero.is--article,
    .page-hero.is--press {
        flex-flow: column;
        padding-top: 10em;
    }
    .guides-hero {
        height: 30em;
    }
    .track-text__wrap {
        height: 16rem;
    }
    .two-col.md--stack {
        grid-template-columns: 1fr;
    }
    .card-w {
        flex: none;
        width: 100%;
        max-width: 32rem;
        height: 18em;
    }
    .card-w.is--left,
    .card-w.is--right {
        transform: none;
    }
    .card-c {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-direction: column;
    }
    .card-inner {
        color: var(--color--white);
    }
    .card-inner.is--peach {
        color: var(--color--black);
    }
    .modal-inner {
        width: 95vw;
        overflow: visible;
    }
    .modal-inner.portrait {
        height: 70svh;
    }
    .modal-vid__wrap {
        border-radius: var(--radius--desktop);
        overflow: hidden;
    }
    .modal-close {
        color: var(--color--droplet-100);
        inset: auto auto -5rem 50%;
        transform: translate(-50%);
    }
    .stacking-card__visual {
        padding-right: 3em;
    }
    .guidance-visual {
        width: 18em;
    }
    .guidance-text-1 {
        width: 15em;
        height: 9em;
        top: 0;
        left: 5em;
    }
    .invest-visual {
        width: 18em;
    }
    .guidance-text-2 {
        width: 15em;
        height: 9em;
        top: 8em;
        left: 0;
    }
    .guidance-text-3 {
        width: 18em;
        height: 9em;
        bottom: 0;
        right: 3em;
    }
    .s-card__wrap {
        transform: translateY(70%);
    }
    .s-card__wrap.is--1 {
        transform: translate(-5%, -150%);
    }
    .s-card__wrap.is--2 {
        transform: translate(15%, -40%);
    }
    .card-img {
        top: 1.5rem;
    }
    .overlay-inner {
        width: 50em;
        min-width: auto;
        max-width: 95vw;
    }
    .track-dots {
        bottom: -2em;
    }
    .tooltip-w {
        position: static;
    }
    .tooltip.is--savings {
        width: 90vw;
        transition-property: bottom, opacity;
        inset: auto 5vw -6rem;
    }
    .tooltip.is--savings.active {
        bottom: -2rem;
    }
    .tooltip.is--fees {
    top: auto; 
    left: 50%;                 /* place in the middle */
    transform: translateX(-50%); /* center dynamically */
    white-space: nowrap;       /* optional: keep text in one line */
    max-width: max-content;    /* adjust width to fit text */
    padding: 0.5em 1em;        /* some spacing around text */
}

    .tooltip.is--interest {
        top: auto;
        left: calc(50% - 12rem);
        transform: translate(0);
    }
    .t-card__inner {
        flex: none;
        width: 12em;
        height: 15em;
    }
    .t-card__inner.full {
        width: 100%;
        height: 100%;
    }
    .visual-w {
        padding-right: 3em;
    }
    .visual-w.is--track {
        order: -1;
        width: 80%;
        padding-right: 0;
    }
    .card-inner__info {
        z-index: 3;
        grid-column-gap: 0.125rem;
        grid-row-gap: 0.125rem;
        background-image: linear-gradient(#0000, #00000080);
        border-radius: 0.625rem;
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: 0.75rem;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        display: flex;
        position: absolute;
        inset: auto 0% 0%;
    }
    .swiper.is--guides {
        margin-top: 2rem;
    }
    .swiper-slide.is--guides {
        color: var(--color--black);
    }
    .invest-left {
        bottom: 10%;
        left: 0%;
    }
    .invest-cards {
        max-width: 44rem;
    }
    .watch-btn {
        display: none;
    }
    .affiliate-wrap {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .text-span-4 {
        text-decoration: underline;
    }
    .xfer-tips-padding {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .text-span-5 {
        text-decoration: underline;
    }
    .text-span-6 {
        font-weight: 600;
    }
    .full-hero__bg.md--show {
        object-position: 0% 50%;
        display: block;
    }
    .full-hero__fern,
    .full-hero__orange {
        display: none;
    }
    .four-col {
        flex-flow: wrap;
        justify-content: center;
        align-items: stretch;
    }
    .fourth-card,
    .fourth-card.pad--btm.swiper-slide,
    .fourth-card.is--tall.swiper-slide {
        width: calc(50% - 32px);
    }
    .h-card {
        font-size: 3em;
    }
    .p--card {
        font-size: 1.25em;
    }
    .guides-collage {
        width: 100%;
        max-width: 45em;
        min-height: 26em;
        max-height: none;
        margin-bottom: 10em;
        margin-left: auto;
        margin-right: auto;
    }
    .full-hero__overlay {
        display: none;
    }
    .content-stack {
        min-width: auto;
    }
    .content-stack.is--wide {
        min-width: 25rem;
    }
    .text-icon__item {
        position: relative;
    }
    .illu-card {
        padding-top: 1.125em;
        padding-left: 1.125em;
        padding-right: 1.125em;
    }
    .toggle {
        margin-bottom: 0;
    }
    .chart-container {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr;
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto;
    }
    .chart-w {
        margin-bottom: 2rem;
    }
    .chart-item__bar {
        width: 19em;
    }
    .chart-toggle {
        justify-content: flex-start;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }
    .visual-text {
        flex-flow: column;
        justify-content: flex-end;
        align-items: flex-start;
        padding-right: 0;
    }
    .visual-left {
        aspect-ratio: 1.33;
        width: 100%;
    }
    .visual-right {
        max-width: 29em;
    }
    .cash-scene {
        width: 100%;
    }
    .three-col.md--stack {
        grid-template-columns: 1fr;
    }
    .three-col.stretch.md--stack {
        grid-row-gap: 2em;
        flex-flow: column;
    }
    .floating-card__visual {
        width: 15em;
        top: 0;
        left: 5em;
    }
    .floating-card__visual.is--1 {
        width: 18em;
        height: auto;
    }
    .floating-card__visual.is--3 {
        top: auto;
    }
    .floating-card__visual.is--4 {
        right: 0%;
    }
    .cash-scene__inner.is--stacking {
        width: 100%;
        height: 60%;
    }
    .stacking-card__iphone {
        width: 12em;
    }
    .stacking-card__card,
    .member-value__card {
        border-radius: 0.75rem;
        width: 10em;
    }
    .track-benefit__item {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .blog-img-1 {
        left: -10%;
    }
    .blog-img-2 {
        bottom: -100%;
        right: -10%;
    }
    .blog-grid {
        grid-template-columns: 1fr 1fr;
    }
    .blog-grid.md--stack {
        grid-template-columns: 1fr;
    }
    .article-hero__img {
        margin-bottom: 2rem;
    }
    .article-inner__wrap {
        flex-flow: column;
        padding-left: 0;
    }
    .article-inner__content {
        margin-left: auto;
        margin-right: auto;
    }
    .article-inner__sidebar {
        max-width: none;
        margin-top: 8rem;
        position: relative;
        top: auto;
    }
    .cc-benefits__card {
        aspect-ratio: auto;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .intro-image__top-guides {
        top: -6em;
        right: 8%;
    }
    .intro-image__bottom-guides {
        bottom: -6em;
        left: 12%;
        box-shadow: 0 8px 4px #00000014, 3px 0 2px #00000014, 0 1px 2px #0000001a;
    }
    .testimonial-card__info {
        z-index: 3;
        background-image: linear-gradient(#0000, #00000080);
        border-radius: 0.625rem;
        padding-bottom: 0.75rem;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        position: absolute;
        inset: auto 0% 0%;
    }
    .t-cards__grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .md--block {
        display: block;
    }
    .flow-guide__item-overlay {
        padding: 0.75rem;
    }
    .flow-end__steps {
        width: 100%;
    }
    .checkout-wrap {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .checkout-step__col {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
    }
    .checkout-step__col.sticky {
        width: calc(50% - 0.625rem);
    }
    .promo-popup {
        flex: none;
        width: calc(100vw - 4rem);
        max-width: none;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .flow-modal__inner-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .flow-split__right {
        padding-left: 2rem;
    }
    .flow-container__split.padding-top {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
    }
    .filter-list__item {
        width: 50%;
    }
    .guides-grid__item {
        width: calc(33.3333% - 0.666667rem);
    }
    .features-inner-list__wrap {
        padding-left: 0;
    }
    .features-inner-img__item {
        width: 45vw;
    }
    .stuff-wrap {
        grid-template-columns: 1fr 1fr;
    }
    .stuff-item.is--light.is--4 {
        transform: rotate(8deg) translate(-10%, -10%);
    }
    .stuff-item.is--light.is--7 {
        transform: rotate(-4deg) translate(-10%, -15%);
    }
    .stuff-item.is--light.is--8 {
        transform: rotate(10deg) translate(-10%);
    }
    .stuff-item.is--light.is--10 {
        transform: rotate(-10deg) translate(-10%);
    }
    .stuff-item.is--mid.is--9 {
        transform: translate(20%, -15%);
    }
    .stuff-item.is--11 {
        transform: rotate(3deg) translate(50%, -20%);
    }
    .features-inner-vid {
        width: 16em;
    }
    .features-noti__detail {
        line-height: 1.3;
    }
    .moneymap-hero__img {
        order: -1;
        margin-bottom: 2em;
    }
    .logo-strip__el,
    .logo-strip__img {
        height: 2em;
    }
    .price-card__col {
        min-width: 21rem;
    }
    .plus-c {
        right: -1.25rem;
    }
}
@media screen and (max-width: 767px) {
    h1 {
        font-size: 2.75em;
    }
    .section.is--scroll-bg {
        height: 200vw;
    }
    .section.is--page__end {
        border-bottom-left-radius: var(--radius--desktop);
        border-bottom-right-radius: var(--radius--desktop);
    }
    .h-display.sm--small {
        font-size: 2em;
    }
    .p-small.xs--small {
        font-size: 0.75rem;
        line-height: 1.2;
        display: block;
    }
    .h-small.fw--sb {
        font-size: 1.75rem;
    }
    .h-large.sm--small {
        font-size: 1.75em;
        font-weight: 600;
    }
    .flex-h.gap--reg,
    .flex-h.gap--xlarge.sm--small {
        grid-column-gap: 0.75rem;
        grid-row-gap: 0.75rem;
    }
    .h-med {
        font-size: 2em;
    }
    .sm--hide {
        display: none;
    }
    .col.col-sm-12 {
        flex: 0 100%;
        max-width: 100%;
    }
    .col.col-sm-1 {
        flex: 0 8.33333%;
        max-width: 8.33333%;
    }
    .col.col-sm-9 {
        flex: 0 75%;
        max-width: 75%;
    }
    .col.col-sm-10 {
        flex: 0 83.3333%;
        max-width: 83.3333%;
    }
    .col.col-sm-4 {
        flex: 0 33.3333%;
        max-width: 33.3333%;
    }
    .col.col-sm-5 {
        flex: 0 41.6667%;
        max-width: 41.6667%;
    }
    .col.col-sm-2 {
        flex: 0 16.6667%;
        max-width: 16.6667%;
    }
    .col.col-sm-7 {
        flex: 0 58.3333%;
        max-width: 58.3333%;
    }
    .col.col-sm-3 {
        flex: 0 25%;
        max-width: 25%;
    }
    .col.col-sm-11 {
        flex: 0 91.6667%;
        max-width: 91.6667%;
    }
    .col.sm--no-margin {
        margin-left: 0;
        margin-right: 0;
    }
    .col.col-sm-6 {
        flex: 0 50%;
        max-width: 50%;
    }
    .col.col-sm-8 {
        flex: 0 66.6667%;
        max-width: 66.6667%;
    }
    .p-pad {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .p-pad.c-pad-220 {
        padding-top: 10em;
        padding-bottom: 10em;
    }
    .p-reg.nav-link.sm--hide {
        display: none;
    }
    .flex-v.gap--xlarge.sm--center {
        justify-content: flex-start;
        align-items: center;
    }
    .u--rel.sm--fw {
        display: flex;
    }
    .p-med {
        font-size: 1rem;
    }
    .home-hero__inner.pointer-off {
        padding-bottom: 6rem;
    }
    .home-hero__inner.pointer-off.no--banner {
        padding-bottom: 1.5rem;
    }
    .cover-img.br--100 {
        border-radius: 100rem;
    }
    .content-w {
        width: 100%;
        min-width: auto;
        max-width: none;
    }
    .content-w.is--wide {
        min-width: auto;
    }
    .content-w.pad--left {
        padding-left: 0;
    }
    .button.is--menu {
        background-color: var(--color--black);
        color: var(--color--white);
        width: 100%;
    }
    .button.is--menu.is--secondary {
        border: 1px solid var(--color--black);
        color: var(--color--black);
        background-color: #0000;
    }
    .button.is--invest__card,
    .button.is--grey {
        height: 4rem;
    }
    .nav-inner {
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        display: flex;
    }
    .nav-button {
        height: 2.75rem;
    }
    .nav-button.is--secondary {
        display: none;
    }
    .nav-button.is--primary,
    .nav-button.is--round {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
    }
    .nav-center {
        display: none;
    }
    .intro-spacer {
        width: 0;
    }
    .intro-spacer.is--top,
    .intro-spacer.is--bottom,
    .intro-spacer.is--top__guides {
        margin-right: -0.2em;
    }
    .intro-image__top {
        width: 4em;
        height: 4.2em;
        top: -4.5em;
    }
    .intro-image__bottom {
        width: 5em;
        height: 5em;
        bottom: -6em;
    }
    ._3-col__item {
        padding: 0.375rem;
    }
    .g-cards__list {
        justify-content: flex-start;
    }
    .g-card__wrap {
        margin-top: 0;
        margin-bottom: 1.25em;
    }
    .g-card__wrap.swiper {
        overflow: visible;
    }
    .g-card {
        flex: none;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .g-card.swiper-slide {
        width: 17.5em;
    }
    .bg-trees__right {
        width: 55vw;
        right: -10vw;
    }
    .bg-trees__left {
        width: 90vw;
    }
    .bg-people {
        width: 150vw;
        left: -25vw;
    }
    .bg-butterfly__left {
        width: 8vw;
    }
    .bg-butterfly__right {
        width: 8.5vw;
        top: -100vw;
    }
    .stacking-card {
        flex-direction: column;
        height: auto;
        max-height: none;
        padding-left: 0;
        position: relative;
        top: auto;
    }
    .u--list.max--350 {
        max-width: none;
    }
    .stacking-card__content {
        width: 100%;
        max-width: none;
        padding-bottom: 2.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .p-cards__container {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 30rem;
    }
    .p-card {
        aspect-ratio: auto;
        width: 100%;
        height: 15rem;
    }
    .p-card.is--left,
    .p-card.is--right {
        transform: translate(0%) rotate(0);
    }
    .p-card.is--illu {
        aspect-ratio: 1.5;
        width: 100%;
        min-width: auto;
        height: auto;
    }
    .goals-wrap {
        height: auto;
        min-height: 100vh;
    }
    .goals-card {
        width: 8.125rem;
        height: 10rem;
        padding-bottom: 0.75rem;
        padding-left: 0.5rem;
        font-size: 0.875rem;
    }
    .goals-card.is--2 {
        left: 10%;
    }
    .goals-card__img {
        width: 6rem;
        top: 1rem;
    }
    .t-card__wrap.swiper {
        overflow: visible;
    }
    .t-cards__list.swiper-wrapper {
        justify-content: flex-start;
    }
    .t-cards__list.swiper-wrapper.hero-wrap {
        flex-flow: row;
    }
    .t-card {
        height: auto;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .t-card.swiper-slide {
        flex: none;
        width: 17.5em;
        height: auto;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .book-container {
        grid-template-columns: 1fr;
    }
    .form-w {
        max-width: none;
    }
    .split-content__img.a--center.r--12 {
        aspect-ratio: 1;
    }
    .split-content__img.a--center.r--auto {
        aspect-ratio: auto;
    }
    .split-content__img.is--square {
        width: 18.75em;
    }
    .faq-container {
        padding-left: 0;
        padding-right: 0;
    }
    .faq-wrap {
        max-width: none;
    }
    .faq-toggle {
        padding: 1.25rem;
    }
    .faq-heading {
        font-size: 1.25rem;
    }
    .faq-answer {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .faq-img {
        display: none;
    }
    .footer-c {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        flex-direction: column;
        align-items: stretch;
        padding-left: 2.75rem;
        padding-right: 2.75rem;
    }
    .footer-inner {
        grid-column-gap: 0em;
        grid-row-gap: 2em;
        flex-wrap: wrap;
    }
    .footer-col {
        flex: none;
        width: 50%;
    }
    .footer-col.is--socials,
    .footer-col.is--explore {
        order: -1;
    }
    .dd-img {
        width: 1.125rem;
    }
    .page-hero {
        flex-direction: column;
        align-items: stretch;
    }
    .page-hero.is--save {
        padding-top: 15em;
    }
    .page-hero.is--track,
    .page-hero.is--blog,
    .page-hero.is--article,
    .page-hero.is--press {
        padding-top: 6em;
    }
    .page-hero__visual.a--right {
        justify-content: center;
        width: 100%;
    }
    .guides-hero {
        aspect-ratio: auto;
    }
    .track-text__wrap {
        max-width: none;
    }
    .sticky-wrap {
        flex-direction: column;
    }
    .sticky-item {
        flex: none;
        align-items: center;
        width: 100%;
        padding-top: 5vh;
    }
    .sticky-cards {
        width: 100%;
        padding-top: 0;
        transform: translateY(-100vh);
    }
    .sticky-card {
        top: 125vh;
    }
    .sticky-card.is--2 {
        top: 128vh;
    }
    .sticky-card.is--3 {
        top: 126vh;
    }
    .two-col.a--center,
    .two-col.sm--stack {
        grid-template-columns: 1fr;
    }
    .full-w.swiper.is--intro__cards {
        overflow: visible;
    }
    .modal-inner.portrait {
        height: 50svh;
    }
    .guide-tag {
        font-size: 1rem;
    }
    .stacking-card__visual {
        order: -1;
        width: 100%;
        padding: 2em 0;
    }
    .stacking-card__visual.is--cards {
        height: 20rem;
    }
    .guidance-text-1 {
        top: 1em;
    }
    .invest-visual {
        width: 14em;
    }
    .guidance-text-2 {
        top: 9em;
    }
    .guidance-text-3 {
        display: none;
    }
    .invest-img-1 {
        width: 12em;
        top: 4em;
        left: 1em;
    }
    .invest-img-2 {
        width: 12em;
        bottom: 2em;
    }
    .invest-img-3 {
        width: 10em;
        bottom: 5em;
        right: 0;
    }
    .invest-img-3.is--save {
        right: 2em;
    }
    .s-card {
        width: 11.875rem;
        height: 6.875rem;
        font-size: 1vw;
    }
    .s-card__icon.is--orange {
        width: 2rem;
        height: 2rem;
        padding: 0.5rem;
    }
    .s-card__small {
        font-size: 0.6rem;
    }
    .s-card__large {
        font-size: 1.25rem;
    }
    .s-card__price,
    .s-card__grey {
        font-size: 0.5rem;
    }
    .s-card__wrap {
        width: 11.875rem;
        height: 6.875rem;
        transform: translateY(70%);
    }
    .s-card__wrap.is--1 {
        z-index: 2;
        transform: translate(-40%, -50%);
    }
    .s-card__wrap.is--2 {
        transform: translate(40%);
    }
    .menu-button {
        grid-column-gap: 3px;
        grid-row-gap: 3px;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: #9a9a9a66;
        border-radius: 100rem;
        flex-direction: column;
        flex: none;
        justify-content: center;
        align-items: center;
        width: 2.75rem;
        height: 2.75rem;
        display: flex;
    }
    .menu-button__line {
        border-top-left-radius: var(--radius--desktop);
        border-top-right-radius: var(--radius--desktop);
        border-bottom-left-radius: var(--radius--desktop);
        border-bottom-right-radius: var(--radius--desktop);
        background-color: currentColor;
        width: 1rem;
        height: 1px;
        padding: 0;
    }
    .menu-w {
        z-index: 0;
        color: var(--color--black);
        flex-direction: column;
        width: 100vw;
        max-width: 100%;
        height: 100dvh;
        padding: 12rem 1.25rem 2rem;
        display: none;
        position: fixed;
        inset: 0% 0% auto;
        overflow: auto;
    }
    .menu-links {
        width: 100%;
        margin-bottom: 3rem;
    }
    .menu-link {
        border-bottom: 1px solid #0006;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-right: 0.25rem;
        font-size: 1.75rem;
        line-height: 1;
        display: flex;
    }
    .menu-link.is--dd {
        flex-direction: column;
        align-items: stretch;
    }
    .menu-dd {
        flex-direction: column;
        display: flex;
        position: relative;
        overflow: hidden;
    }
    .menu-dd__link {
        grid-column-gap: 0.375rem;
        grid-row-gap: 0.375rem;
        flex-direction: column;
        padding-top: 0.75rem;
        display: flex;
    }
    .v-space-12 {
        height: 0.75rem;
        padding: 0;
    }
    .sticky-cards__title {
        grid-column-gap: 0.5rem;
        grid-row-gap: 0.5rem;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }
    .overlay-w {
        align-items: flex-end;
        width: 100vw;
    }
    .overlay-inner {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        flex-direction: column;
        width: 100%;
        max-width: 100vw;
        max-height: 90vh;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        overflow: auto;
    }
    .overlay-wrap {
        min-height: 38em;
    }
    .overlay-item.is--active {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-columns: 1fr;
    }
    .overlay-vid__wrap {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        height: 20em;
    }
    .overlay-item__text {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .overlay-nav {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        grid-template-columns: 1fr 4fr 1fr;
    }
    .overlay-nav.is--tight {
        grid-column-gap: 0.75rem;
        grid-row-gap: 0.75rem;
    }
    .g-card__nav {
        margin-top: 2.5rem;
        margin-bottom: 1.25rem;
        display: block;
    }
    .g-nav__list {
        grid-column-gap: 0.625rem;
        grid-row-gap: 0.625rem;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .g-nav__item {
        border-radius: var(--radius--button);
        background-color: var(--color--peach-900);
        outline-offset: 0px;
        outline: 1px solid #1e857400;
        width: 2.5rem;
        height: 2.5rem;
        padding: 0;
        transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        position: relative;
        box-shadow: 0 2px 2px #0000001a, 0 0 #0000000d;
    }
    .g-nav__item.active {
        outline-offset: 3px;
        outline: 1px solid #1e8574;
    }
    .inline-wrap {
        max-width: 28rem;
    }
    .tooltip {
        width: 24rem;
        padding-top: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
        left: -10rem;
    }
    .tooltip.is--fees,
    .tooltip.is--interest {
        top: auto;
        bottom: 0;
        left: calc(50% - 12rem);
        transform: translateY(70%);
    }
    .tooltip.is--testimonials {
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
    }
    .t-card__inner {
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .visual-w {
        order: 1;
        width: 100%;
        max-width: 34em;
        margin-left: auto;
        margin-right: auto;
        padding: 2em 0;
    }
    .visual-w.is--track {
        order: -1;
        width: 100%;
    }
    .home-sub__wrap {
        font-size: 1.125em;
    }
    .menu-bg {
        z-index: -1;
        background-color: var(--color--white);
        transform-origin: 50% 0;
        border-bottom-right-radius: 50vw;
        border-bottom-left-radius: 50vw;
        width: 100%;
        height: 100%;
        min-height: 100lvh;
        position: fixed;
        inset: 0% 0% auto;
    }
    .card-inner__info {
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-end;
    }
    .faq-a p {
        font-size: 1rem;
    }
    .overlay-close {
        z-index: 2;
        justify-content: center;
        align-items: center;
    }
    .hero-overlay {
        opacity: 0.4;
        background-image: linear-gradient(#0000, #000);
        width: 100%;
        height: 40%;
        display: block;
        inset: auto 0% 0%;
    }
    .invest-right {
        margin-left: auto;
        position: relative;
    }
    .invest-left {
        position: relative;
    }
    .invest-cards {
        flex-direction: column;
        align-items: flex-start;
    }
    .watch-btn {
        grid-column-gap: 0.4rem;
        grid-row-gap: 0.4rem;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: #4f4f4f33;
        border-radius: 0.75rem;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
        line-height: 1.3;
        display: flex;
        position: relative;
    }
    .watch-btn__icon {
        width: 0.45rem;
    }
    .overlay.sound-icon {
        padding-top: 1.875rem;
    }
    .save-screen.save-shadow {
        width: 12em;
        height: auto;
    }
    .save-screen.save-shadow.is--large {
        height: 100%;
    }
    .four-col {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        flex-flow: row;
        justify-content: flex-start;
        align-items: stretch;
    }
    .four-col.is--flow-modal.swiper-wrapper {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
    }
    .fourth-card {
        aspect-ratio: 1/1.3;
        flex: none;
        width: 20rem;
    }
    .fourth-card.pad--btm.swiper-slide,
    .fourth-card.is--tall.swiper-slide {
        flex-shrink: 0;
        width: 20rem;
    }
    .fourth-card.is--tight.swiper-slide {
        aspect-ratio: auto;
        height: auto;
    }
    .bush-cta {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        aspect-ratio: auto;
        flex-flow: column;
    }
    .bush-cta__img {
        width: 20em;
        bottom: auto;
        left: auto;
        right: -10em;
        transform: rotate(90deg);
    }
    .bush-cta__img.is--top {
        width: 20em;
        top: auto;
        left: -10em;
        right: auto;
        transform: rotate(-90deg);
    }
    .bush-cta__card.is--left {
        aspect-ratio: auto;
        color: var(--color--black);
        text-align: center;
        box-shadow: none;
        background-color: #0000;
        border-style: none;
        width: auto;
        display: block;
        transform: none;
    }
    .bush-cta__card.is--right {
        aspect-ratio: auto;
        text-align: center;
        box-shadow: none;
        background-color: #0000;
        border-style: none;
        width: auto;
        max-width: 17.5rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        transform: none;
    }
    .h-card {
        font-size: 2.8125em;
    }
    .p--card {
        font-size: 1.125em;
    }
    .bush-card__img,
    .bush-cta__butterfly {
        display: none;
    }
    .pagination {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .sm--show {
        display: flex;
    }
    .image {
        min-width: 100%;
        margin-top: 1rem;
        margin-left: auto;
        margin-right: auto;
    }
    .nav-full__bg {
        display: none;
    }
    .content-stack {
        width: 100%;
        min-width: auto;
        max-width: none;
    }
    .content-stack.is--wide {
        min-width: auto;
    }
    .content-stack.pad--left {
        padding-left: 0;
    }
    .wide-card {
        padding-right: 1.5em;
    }
    .wide-card__icon {
        width: 5em;
    }
    .text-icon__item {
        position: relative;
    }
    .card-wrap {
        flex-flow: column;
        margin-top: 2rem;
    }
    .chart-item {
        grid-template-columns: 1fr 1fr;
    }
    .chart-item__bar {
        width: 100%;
    }
    .chart-toggle {
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
    }
    .visual-text {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
    }
    .cash-scene {
        width: 100vw;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }
    .three-col.a--center {
        grid-template-columns: 1fr;
    }
    .three-col__item {
        flex: 0 auto;
        width: 100%;
        max-width: 20rem;
    }
    .cloud-bg.br--100 {
        border-radius: 100rem;
    }
    .floating-card__img {
        aspect-ratio: auto;
        justify-content: center;
        align-items: center;
        width: 110vw;
        height: 10em;
        margin-left: -10vw;
        display: flex;
    }
    .floating-card__visual {
        top: 1em;
    }
    .floating-card__visual.is--2 {
        width: 6em;
        right: 5%;
    }
    .floating-card__visual.is--3 {
        width: 6em;
        left: 10%;
    }
    .floating-card__visual.is--4 {
        width: 10em;
    }
    .cash-card {
        display: none;
    }
    .cash-scene__inner.is--stacking {
        height: 100%;
    }
    .floating-card__static {
        width: 100%;
        display: block;
    }
    .button-wrap {
        min-width: 10rem;
    }
    .stacking-card__iphone {
        position: relative;
    }
    .faq-heading-cash-card {
        font-size: 1.25rem;
    }
    .track-benfit__grid {
        grid-template-columns: 1fr 1fr 1fr;
        align-items: start;
    }
    .blog-cta {
        grid-column-gap: 0.75em;
        grid-row-gap: 0.75em;
    }
    .blog-cta.is--featured {
        grid-column-gap: 0.75em;
        grid-row-gap: 0.75em;
        flex-flow: column;
    }
    .featured__img-wrap {
        width: 100%;
    }
    .featured__text-wrap {
        padding-left: 0;
    }
    .blog-grid.a--center {
        grid-template-columns: 1fr;
    }
    .article-hero__img {
        margin-bottom: 0.75rem;
    }
    .article-inner__sidebar {
        padding-bottom: 8rem;
    }
    .sidebar-cta.sm--show {
        z-index: 2;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: var(--color--grey-200);
        box-shadow: unset;
        border-radius: 0;
        justify-content: center;
        align-items: center;
        width: calc(100% + 2.5rem);
        height: 6.25rem;
        margin-left: -1.25rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        display: flex;
        position: sticky;
        top: calc(100dvh - 6.25rem);
    }
    .article-sidebar__list {
        border-bottom-style: none;
    }
    .intro-image__top-guides {
        width: 8em;
        height: 4.2em;
        top: -4.5em;
    }
    .intro-image__bottom-guides {
        width: 5em;
        height: 5em;
        bottom: -6em;
    }
    .text-hero-butterfly.is--br {
        inset: -20% 0% auto auto;
    }
    .testimonial-card__info {
        padding-right: 1.5rem;
    }
    .t-cards__grid {
        grid-template-columns: 1fr 1fr;
    }
    .flow-guide__grid.swiper {
        overflow: visible;
    }
    .flow-guide__list.swiper-wrapper {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
    }
    .flow-guide__item {
        width: calc(50% - 1rem);
    }
    .flow-guide__item.swiper-slide {
        flex: none;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        width: 16em !important;
    }
    .flow-guide__item-overlay {
        padding-bottom: 0.625rem;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .p-ml {
        font-size: 1rem;
    }
    .moneyback-orange__left,
    .moneyback-orange__right {
        width: 5rem;
    }
    .flow-split__wrap {
        flex-flow: column;
        min-height: auto;
        padding-top: 4em;
        padding-bottom: 12em;
        display: flex;
    }
    .flow-end__steps {
        padding-top: 0;
        padding-bottom: 0;
    }
    .checkout-wrap {
        flex-flow: column;
        padding-top: 0;
    }
    .checkout-step__col {
        width: 100%;
    }
    .checkout-step__col.sticky {
        order: -1;
        width: 100%;
        position: relative;
        top: auto;
    }
    .flow-nav__bg {
        display: none;
    }
    .promo-popup {
        width: calc(100vw - 2.5rem);
    }
    .flow-split__right,
    .filter-list__item {
        width: 100%;
    }
    .press-card {
        height: auto;
    }
    .press-card__date {
        position: relative;
        bottom: auto;
    }
    .guides-grid__wrap.swiper {
        overflow: visible;
    }
    .guides-grid__list.swiper-wrapper {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
    }
    .guides-grid__item {
        width: calc(50% - 1rem);
    }
    .guides-grid__item.swiper-slide {
        flex: none;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        width: 16em !important;
    }
    .stacking-flow-visual {
        width: 25em;
        margin-left: 0;
        margin-right: 0;
    }
    .features-inner {
        flex-flow: column;
    }
    .features-wrap {
        padding-bottom: 4em;
    }
    .features-inner-list__wrap {
        z-index: 0;
        width: 100%;
        padding-top: 3em;
    }
    .features-inner-list__item {
        max-width: 25em;
        margin-left: auto;
        margin-right: auto;
    }
    .features-inner-img__wrap {
        order: -1;
        width: 100%;
        height: auto;
        padding-top: 3em;
        position: relative;
    }
    .features-inner-img__list {
        display: none;
    }
    .tag-tiny-text.xs--small {
        font-size: 0.75rem;
        line-height: 1.2;
        display: block;
    }
    .features-inner-list__visual {
        aspect-ratio: 1;
        width: 100%;
        margin-bottom: 1.25rem;
    }
    .features-noti__wrap {
        justify-content: center;
        align-items: center;
    }
    .features-noti {
        transform: none;
    }
    .feautures-noti__text.nav-link.sm--hide {
        display: none;
    }
    .logo-strip.sm--show {
        display: flex;
    }
    .logo-strip__el {
        margin-left: 1.5em;
        margin-right: 1.5em;
    }
    .price-cards__row {
        flex-flow: column;
    }
    .price-card__col {
        max-width: 25em;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 479px) {
    .section.is--full {
        min-height: 100svh;
    }
    .section.z--3 {
        z-index: 3;
    }
    .h-display {
        font-size: 3em;
    }
    .p-small.d--inline {
        z-index: -1;
        position: relative;
    }
    .p-small.fw--sb.xs--h-med {
        font-size: 1.375rem;
    }
    .p-small.fw--sb.xs--h-centre {
        margin-left: auto;
        margin-right: auto;
    }
    .p-small.u--lh-tight.xs--eyebrow {
        margin-top: 0.25rem;
        font-size: 0.75rem;
    }
    .h-small {
        font-size: 2em;
    }
    .h-small.xs--p-med {
        font-size: 1rem;
        line-height: 1.33;
    }
    .h-large.fw--sb {
        font-size: 2.75em;
    }
    .xs--hide {
        display: none;
    }
    .flex-h.gap--small.xs--stack {
        flex-flow: column;
    }
    .flex-h.gap--small.a--center.xs--wrap {
        grid-column-gap: 0.56rem;
        grid-row-gap: 0.56rem;
        flex-flow: wrap;
    }
    .flex-h.gap--med.xs--stack {
        flex-flow: column;
    }
    .p-large.xs--p-reg {
        font-size: 1rem;
    }
    .h-med.xs--large {
        font-size: 3.125em;
    }
    .h-med.xs--small {
        font-size: 1.6em;
    }
    .col.col-xs-5 {
        flex: 41.6667%;
        max-width: 41.6667%;
    }
    .col.col-xs-8 {
        flex: 66.6667%;
        max-width: 66.6667%;
    }
    .col.col-xs-9 {
        flex: 75%;
        max-width: 75%;
    }
    .col.col-xs-2 {
        flex: 16.6667%;
        max-width: 16.6667%;
    }
    .col.col-lg-5.col-md-10.col--p-large {
        margin-top: 0;
        margin-left: 0%;
    }
    .col.col-xs-11 {
        flex: 91.6667%;
        max-width: 91.6667%;
    }
    .col.col-xs-7 {
        flex: 58.3333%;
        max-width: 58.3333%;
    }
    .col.col-xs-3 {
        flex: 25%;
        max-width: 25%;
    }
    .col.col-xs-1 {
        flex: 8.33333%;
        max-width: 8.33333%;
    }
    .col.col-xs-6 {
        flex: 50%;
        max-width: 50%;
    }
    .col.col-xs-10 {
        flex: 83.3333%;
        max-width: 83.3333%;
    }
    .col.col-xs-12 {
        flex: 100%;
        max-width: 100%;
    }
    .col.xs--no-margin {
        margin-left: 0;
        margin-right: 0;
    }
    .col.col-xs-4 {
        flex: 33.3333%;
        max-width: 33.3333%;
    }
    .p-pad.c-pad-120.xs--no-btm {
        padding-bottom: 0;
    }
    .p-pad.c-pad-20.xs--no-pad {
        padding-left: 0;
        padding-right: 0;
    }
    .p-pad.c-pad-80 {
        padding-bottom: 3rem;
    }
    
    .p-pad.c-pad-802 {
        padding-bottom: 1rem;
    }
    /* Mobile override: replace .c-pad-80 with .c-pad-802 */
@media (max-width: 767px) {
  .p-pad.c-pad-80 {
    padding: var(--c-pad-802, 1rem) !important; /* use your .c-pad-802 values */
  }
}

    .p-pad.c-pad-220.xs--no-btm {
        padding-bottom: 0;
    }
    .p-reg.is--pill {
        font-size: 0.75rem;
    }
    .h-reg.xs--small {
        font-size: 2em;
    }
    .flex-v.gap--reg.xs--fw {
        width: 100%;
    }
    .flex-v.gap--54 {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .row {
        grid-row-gap: 2rem;
        flex-direction: column;
    }
    .p-med.text-color-black.d--inline {
        z-index: -1;
    }
    .home-hero__inner {
        justify-content: flex-end;
        align-items: stretch;
        min-height: 100svh;
    }
    .home-hero__inner.no--banner {
        padding-bottom: 1.5rem;
    }
    .home-hero__inner.no--banner.no--pad {
        padding-bottom: 0;
    }
    .content-w {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        align-items: stretch;
        max-width: none;
    }
    .content-w.xs--tight {
        grid-column-gap: 0.75rem;
        grid-row-gap: 0.75rem;
    }
    .content-w.a--center.text-align-center.gap--reg {
        min-width: auto;
    }
    .button.is--hero {
        width: 100%;
    }
    .button.is--green {
        width: 15rem;
    }
    .button.is--menu {
        width: 100%;
    }
    .button.is--overlay {
        height: 4rem;
    }
    .button.is--overlay.is--flow {
        height: 3.25rem;
    }
    .button.is--invest__card {
        width: 15rem;
    }
    .button.is--hero__large {
        background-color: var(--color--white);
        color: var(--color--black);
        border-radius: 1.25rem;
        width: 100%;
        margin-top: 0.25rem;
    }
    .button.is--grey,
    .button.is--green-700 {
        width: 15rem;
    }
    .nav-inner.is--full {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        color: var(--color--white);
        background-color: #0000;
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .c-pad-80.xs--no__top {
        padding-top: 0;
    }
    .hover-card__wrap {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-direction: column;
    }
    .hover-card.is--left {
        width: 100%;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
    .hover-card.is--left:hover {
        flex: none;
    }
    .hover-card.is--right {
        width: 100%;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
    .hover-card__grad {
        background-image: linear-gradient(#0000, #00000080);
    }
    .hover-card__inner.small {
        height: 28em;
    }
    ._3-col__item {
        width: 100%;
        max-width: none;
    }
    ._3-col__item:hover {
        max-width: none;
    }
    .v-space-48.xs--space-80 {
        height: 5em;
    }
    .g-card {
        flex: none;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .g-card.swiper-slide {
        aspect-ratio: 3/4;
        width: 16em;
        height: auto;
    }
    .g-card.is--large {
        width: 11em;
        height: 14.75em;
    }
    .stacking-cards__wrap {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        width: 100vw;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }
    .stacking-card {
        justify-content: flex-end;
        margin-top: -1.25em;
        padding-bottom: 2rem;
        top: 0;
    }
    .stacking-card.is--last {
        height: auto;
    }
    .u--list {
        padding-right: 0;
    }
    .u--list.o--80 {
        padding-left: 1.5rem;
    }
    .u--list.is--stacking {
        opacity: 0.8;
    }
    .stacking-cards__nav {
        bottom: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
    }
    .stacking-nav {
        grid-column-gap: 0.25rem;
        grid-row-gap: 0.25rem;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
        display: grid;
    }
    .stacking-nav__link {
        width: auto;
    }
    .stacking-nav__link.small {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .p-toggle__item {
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }
    .p-card.is--illu {
        aspect-ratio: 1.44;
        min-height: 16rem;
        padding-bottom: 2rem;
    }
    .p-details__wrap {
        grid-template-columns: 1fr;
    }
    .goals-wrap {
        min-height: 51.75rem;
        max-height: none;
    }
    .goals-card.is--1 {
        display: none;
    }
    .goals-card.is--2 {
        left: -2%;
    }
    .goals-card.is--3 {
        bottom: 70%;
        left: 37%;
    }
    .goals-card.is--4 {
        bottom: 66%;
        left: 76%;
    }
    .goals-card.is--5 {
        display: none;
    }
    .goals-card.is--6 {
        bottom: 12%;
        left: 72%;
    }
    .goals-card.is--7 {
        left: 36%;
    }
    .goals-card.is--8 {
        bottom: 11%;
        left: -7%;
    }
    .quote-element.is--short {
        max-width: 100vw;
    }
    .t-card__wrap.swiper {
        margin-top: 3em;
    }
    .t-card.swiper-slide {
        width: 16em;
    }
    .t-card.swiper-slide.hero {
        width: 16.5em;
    }
    .container-xsmall.text-align-center.u--rel.z--2 {
        z-index: 4;
    }
    .book-info {
        grid-row-gap: 2.5em;
    }
    .split-content.is--flipped {
        margin-top: 2rem;
    }
    .split-content__img.is--square {
        max-width: 100%;
    }
    .footer-c {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .p-card__pill.is--large {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 0.875rem;
    }
    .page-hero,
    .page-hero.top--space,
    .page-hero.is--save,
    .page-hero.is--track,
    .page-hero.is--blog {
        padding-top: 10em;
    }
    .page-hero.is--article,
    .page-hero.is--press {
        padding-top: 9em;
    }
    .guides-hero {
        height: 25em;
    }
    .track-text__item {
        padding-left: 0;
    }
    .sticky-wrap {
        height: 260vh;
    }
    .sticky-item {
        padding-top: 55vh;
    }
    .sticky-cards {
        grid-column-gap: 35vh;
        grid-row-gap: 35vh;
    }
    .sticky-card {
        top: 115vh;
    }
    .sticky-card.is--2 {
        top: 118vh;
    }
    .sticky-card.is--3 {
        top: 116vh;
    }
    .two-col.xs--stack {
        grid-template-columns: 1fr;
    }
    .card-w {
        height: 20em;
    }
    .modal-inner.portrait {
        width: 90vw;
        height: auto;
    }
    .guide-tag.is--1 {
        left: 2%;
    }
    .stacking-card__visual {
        height: 100%;
    }
    .stacking-card__visual.full-w {
        overflow: hidden;
    }
    .stacking-card__visual.is--cards {
        height: 100%;
    }
    .guidance-visual {
        width: 12em;
    }
    .guidance-text-1 {
        width: 12em;
        height: auto;
        left: 1em;
    }
    .guidance-text-2 {
        width: 12em;
        height: auto;
        inset: auto 1em 1em auto;
    }
    .invest-img-1.is--save {
        left: -2em;
    }
    .home-h.fw--sb {
        max-width: 14ch;
        font-size: 2em;
    }
    .overlay-w {
        height: var(--app-height);
    }
    .overlay-inner {
        height: 100%;
        max-height: 95dvh;
        padding-bottom: 0;
    }
    .overlay-wrap {
        min-height: 40em;
        margin-bottom: 4rem;
    }
    .overlay-title {
        font-size: 1.5em;
    }
    .overlay-nav {
        background-image: linear-gradient(#fff0, #fff 35%, #fff);
        width: 100%;
        height: 9rem;
        margin-left: -0.75rem;
        padding: 4rem 0 1rem;
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .overlay-nav.is--tight {
        height: auto;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        position: sticky;
        top: calc(100dvh - 11rem);
    }
    .overlay-btn {
        height: 4rem;
    }
    .bg-vid.xs--show {
        display: block;
    }
    .inline-wrap.xs--u-rel {
        z-index: 1;
        position: relative;
    }
    .tooltip-w {
        margin-left: -0.5rem;
        position: static;
    }
    .tooltip {
        z-index: 3;
        width: 90vw;
        padding-top: 1rem;
        transition: bottom 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
        inset: auto 5vw -10rem;
    }
    .tooltip.active {
        top: auto;
    }
    .tooltip.is--pricing {
        top: 12rem;
        bottom: auto;
    }
    .tooltip.is--stocks {
        width: auto;
        transition-property: top, opacity;
        inset: 6rem -0.5rem auto;
    }
    .tooltip.is--stocks.active {
        width: auto;
        top: 3.5rem;
    }
    .tooltip.is--savings {
        bottom: -10rem;
    }
    .tooltip.is--savings.active {
        bottom: -6rem;
    }
    .tooltip.is--value {
        top: 12rem;
        bottom: auto;
    }
    .tooltip.is--fees,
    .tooltip.is--interest {
        left: calc(50% - 45vw);
    }
    .tooltip.is--testimonials {
        transform: translateZ(1px);
    }
    .visual-w {
        height: 26.25em;
    }
    .visual-w.is--track {
        height: auto;
    }
    .home-sub__wrap {
        font-size: 1.125rem;
    }
    .util-w {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .overlay-close {
        background-color: #f9fafb59;
    }
    .invest-right {
        width: 90%;
    }
    .invest-left {
        width: 90%;
        height: auto;
        bottom: 0%;
    }
    .v-space-120.xs--60 {
        height: 4em;
    }
    .legal-hero__img {
        order: -1;
        width: 14.25em;
        height: 14.25em;
    }
    .legal-hero {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .overlay-title__wrap {
        grid-column-gap: 0.25em;
        grid-row-gap: 0.25em;
    }
    .paragraph {
        font-size: 1rem;
        line-height: 1.33;
    }
    .affiliate-wrap {
        padding: 1.5rem;
    }
    .overlay.sound-icon.is-modal {
        padding: 1rem;
    }
    .save-screen.save-shadow {
        width: 10em;
    }
    .save-popup {
        width: 40%;
    }
    .save-popup.is--1,
    .save-popup.is--2 {
        left: 3%;
    }
    .save-popup.is--3 {
        top: 25%;
    }
    .banner {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .p-hero {
        max-width: none;
        font-size: 1.125rem;
    }
    .full-hero__bg.md--show {
        object-position: 50% 50%;
    }
    .fourth-card.is--tight.swiper-slide {
        border-radius: 1.5rem;
        width: 15.625rem;
        padding-bottom: 2rem;
    }
    .card-img__wrap.is--square {
        border-radius: 1.25rem;
    }
    .bush-cta {
        padding-top: 4rem;
    }
    .bush-cta__img {
        width: 60vw;
        top: 50%;
        right: -30vw;
    }
    .bush-cta__img.is--top {
        width: 60vw;
        top: 35%;
        left: -30vw;
    }
    .h-card.xs--large {
        font-size: 3.125em;
    }
    .guides-collage {
        min-height: 55vw;
        margin-bottom: 20vw;
    }
    .guides-collage.is-hero {
        margin-bottom: 0;
    }
    .p-card__orange {
        width: 30vw;
        height: 80vw;
        top: -27vw;
        left: -7vw;
    }
    .p-card__plant {
        width: 30vw;
        height: 35vw;
        top: -10vw;
        right: -1.5vw;
    }
    .p-card__hang {
        height: 16em;
    }
    .p-card__bf {
        width: 2.5em;
        top: 2em;
        right: 2em;
    }
    .content-stack {
        align-items: stretch;
        max-width: none;
    }
    .content-stack.xs--tight {
        grid-column-gap: 0.75rem;
        grid-row-gap: 0.75rem;
    }
    .wide-card {
        grid-column-gap: 0.75rem;
        grid-row-gap: 1.5rem;
    }
    .wide-card__icon {
        justify-content: center;
        align-items: center;
        width: 5rem;
        display: flex;
    }
    .card-icon__img {
        width: 120%;
        max-width: none;
        height: 120%;
    }
    .text-icon__wrap {
        grid-column-gap: 1rem;
        grid-row-gap: 2rem;
        flex-flow: wrap;
        padding-left: 5%;
        padding-right: 5%;
    }
    .text-icon__item {
        min-width: 40%;
    }
    .illu-card__img {
        margin-bottom: 1.5rem;
    }
    .toggle {
        width: 100%;
    }
    .chart-container {
        grid-row-gap: 2rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: stretch;
        display: flex;
    }
    .chart-w {
        order: 1;
        width: 100%;
        max-width: 100%;
    }
    .chart-item {
        grid-column-gap: 0.75rem;
        grid-row-gap: 0.75rem;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        display: flex;
    }
    .chart-item__bar {
        flex: none;
        width: 45%;
    }
    .chart-toggle {
        width: 100%;
    }
    .xs--show {
        display: block;
    }
    .xs--show.xs--last {
        order: 1;
    }
    .visual-left {
        border-radius: 1rem;
    }
    .cash-hero {
        padding-bottom: 1.25em;
    }
    .cash-scene {
        width: 190vw;
        height: 80vh;
        min-height: 20rem;
        margin-bottom: -20vw;
        margin-left: -50vw;
        transform: scale(0.75);
    }
    .three-col {
        grid-row-gap: 2em;
    }
    .cloud-w {
        height: 100dvh;
    }
    .cash-inner {
        height: 100dvh;
        padding-top: 10dvh;
    }
    .cash-inner.last {
        height: auto;
        min-height: 100dvh;
    }
    .cash-inner__heading {
        text-align: center;
        max-width: 30ch;
    }
    .step-ladder {
        margin-left: -19.5em;
    }
    .step-ladder.small {
        top: -0.5em;
    }
    .fund-item {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
    }
    .fund-list.is--top {
        left: 59%;
        transform: translate(-50%);
    }
    .fund-list.small {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        padding-top: 1.75em;
    }
    .fund-card {
        width: 17em;
        min-width: 14rem;
    }
    .cash-cards__wrap {
        min-height: 16.25rem;
    }
    .cloud-bg {
        height: 100%;
    }
    .floating-card__img {
        aspect-ratio: auto;
        width: 110vw;
        height: 20em;
        margin-left: -18vw;
    }
    .floating-card__visual {
        width: 12em;
        height: auto;
        left: 1em;
    }
    .floating-card__visual.is--1 {
        border-radius: 1em;
        width: 15em;
        top: 12%;
    }
    .floating-card__visual.is--2 {
        right: 0%;
    }
    .floating-card__visual.is--3 {
        bottom: 10%;
        left: 0%;
    }
    .floating-card__visual.is--4 {
        width: 8em;
        bottom: -5%;
    }
    .phone-inner__bf.is--left {
        width: 5em;
    }
    .phone-inner__bf.is--right {
        right: 0%;
    }
    .cash-card {
        width: 200%;
        transform: scale(0.75);
    }
    .cash-scene__inner.is--stacking {
        flex: none;
        width: 170%;
        height: 200vw;
        transform: translateY(15%) scale(0.7);
    }
    .cash-inner__list {
        z-index: 1;
        transform-origin: 50% 100%;
        justify-content: center;
        align-items: stretch;
        display: flex;
        position: relative;
    }
    .cash-inner__list.u--scale-90 {
        transform: translateY(-5%) scale(0.75);
    }
    .floating-card__static {
        width: 100%;
        transform: translate(10%);
    }
    .stacking-card__iphone {
        width: 14em;
        transform: translate(-30%);
    }
    .stacking-card__card {
        width: 12em;
        transform: rotateX(15deg) rotateY(-20deg) rotate(8deg) translate3d(30%, 0, -60px);
    }
    .cash-card__visual {
        transform: scale(0.85);
    }
    .cash-card__visual.small {
        margin-bottom: auto;
        transform: scale(0.85);
    }
    .member-value__card {
        width: 12em;
        transform: rotateX(15deg) rotateY(-20deg) rotate(8deg) translate3d(30%, 0, -60px);
    }
    .value-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .toggle-item {
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }
    .track-benfit__grid {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        grid-template-columns: 1fr 1fr;
    }
    .blog-img-1 {
        bottom: -120%;
        left: -5%;
    }
    .blog-img-2 {
        width: 9em;
        bottom: -90%;
    }
    .blog-img-3 {
        right: 10%;
    }
    .featured__img-wrap {
        border-radius: 1.5rem;
    }
    .blog-grid {
        grid-row-gap: 2em;
        grid-template-columns: 1fr;
    }
    .blog-grid.large-margin__top {
        margin-top: 3em;
    }
    .article-hero__img {
        border-radius: 0.75rem;
    }
    .article-inner__content {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    .rich-text blockquote {
        font-size: 2rem;
    }
    .article-inner__sidebar {
        margin-top: 5rem;
    }
    .sidebar-cta.sm--show {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .pricing-page__btm {
        display: block;
    }
    .cc-benefits__card {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .text-hero-butterfly.is--tl {
        top: -20%;
    }
    .text-hero-butterfly.is--br {
        width: 2rem;
        top: 55%;
    }
    .text-hero-butterfly.is--bl {
        top: -20%;
        bottom: auto;
    }
    .testimonial-card__info {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .testimonial-card__title {
        font-size: 0.975em;
    }
    .play-button-wrap {
        width: 2rem;
        height: 2rem;
    }
    .testimonial-card__play {
        bottom: 0.5rem;
        right: 0.5rem;
    }
    .t-cards__grid {
        grid-column-gap: 0.75rem;
        grid-row-gap: 0.75rem;
    }
    .flow-bottom {
        height: 7rem;
        padding: 1.25rem;
        top: calc(100dvh - 7rem);
        bottom: auto;
    }
    .flow-top {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .flow-nav {
        display: none;
    }
    .flow-progress__wrap.xs--show {
        width: 100%;
        display: flex;
    }
    .flow-progress__end {
        width: 1.25em;
        height: 1.75em;
    }
    .flow-step {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .flow-guide__list.is--smaller {
        grid-column-gap: 0.5rem;
        grid-row-gap: 0.5rem;
    }
    
    
    
    .flow-guide__item.is--smaller {
        width: calc(33.3333% - 0.333333rem);
    }
    .flow-fixed__overlay {
        justify-content: center;
        align-items: flex-end;
        height: 100dvh;
    }
    .flow-fixed__popup {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 100%;
    }
    .flow-form__button {
        height: auto;
        padding-right: 1rem;
    }
    .p-ml.text-color-black.d--inline {
        z-index: -1;
    }
    .p-ml.fw--sb.xs--p-l {
        font-size: 1.25rem;
    }
    .flow-moneyback {
        padding-top: 2rem;
    }
    .moneyback-orange__left {
        width: 4.5rem;
    }
    .flow-split__wrap {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .flow-end__steps {
        max-width: 27.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .flow-steps__right {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
    }
    .flow-steps__text {
        min-height: 5.25rem;
    }
    .flow-steps__bar {
        height: 4.25rem;
    }
    .checkout-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .checkout-step.is--top {
        background-color: #0000;
        border-style: none;
        padding: 0;
        position: static;
    }
    .checkout-step__col.sticky {
        position: static;
    }
    .checkout-guide {
        background-color: var(--color--white);
    }
    .checkout-step__content {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
    }
    .checkout-details {
        z-index: 1;
        background-color: var(--color--white);
    }
    .flow-footnote {
        margin-top: 6em;
        padding-left: 0;
        padding-right: 0;
    }
    .flow-footnote.no--pad {
        margin-top: 3em;
    }
    .flow-bottom__eyebrow {
        text-align: center;
        width: 100%;
        padding-top: 0.25rem;
        display: block;
    }
    .promo-popup {
        width: 100%;
        padding-bottom: 1.25rem;
    }
    .promo-popup__button {
        margin-top: 0;
    }
    .flow-modal {
        justify-content: center;
        align-items: flex-end;
        padding-left: 0;
        padding-right: 0;
    }
    .flow-modal__inner {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        height: 97vh;
        padding-top: 3rem;
        padding-bottom: 8rem;
    }
    .flow-modal__close {
        top: 0;
        right: 0;
    }
    .flow-modal__close:hover {
        background-color: #0000;
    }
    .flow-modal__inner-container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .overlay-nav__circle {
        border: 1px solid #0000000d;
    }
    .flow-guides__floating {
        height: 45vh;
    }
    .flow-split__right {
        padding-left: 1.25rem;
    }
    .contain-img.xs--cover {
        object-fit: cover;
    }
    .flow-container__split.padding-top {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        padding-top: 0;
    }
    .checkout-dropdown {
        background-color: var(--color--white);
    }
    .press-card__details {
        padding: 0.65rem;
    }
    .article-inner__section {
        padding-bottom: 10rem;
    }
    .guides-grid__item {
        width: 100%;
    }
    .info-card {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        min-height: 32em;
        padding: 2rem 1rem;
    }
    
    .info-card2 {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        min-height: 32em;
        padding: 2rem 1rem;
    }
    .info-card-img {
        width: 100%;
        height: auto;
    }
    .stacking-flow-visual {
        width: 95%;
    }
    .features-inner-list__wrap {
        padding-bottom: 3em;
    }
    .features-inner-list__item {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .features-inner-img__wrap {
        background-image: linear-gradient(#fff, #fff 90%, #fff0);
        position: sticky;
    }
    .stuff-wrap {
        flex-flow: wrap;
        justify-content: center;
        place-items: center;
        font-size: 1em;
        display: flex;
    }
    .stuff-item {
        flex: none;
        width: 15em;
        margin-left: -1.5em;
        margin-right: -1.5em;
        padding: 1.25em 2em;
    }
    .stuff-item.is--light.is--4 {
        transform: rotate(8deg) translate(10%, -10%);
    }
    .stuff-item.is--light.is--5 {
        transform: translateY(-10%) rotate(-3deg);
    }
    .stuff-item.is--light.is--8 {
        transform: rotate(10deg) translate(-10%, -10%);
    }
    .stuff-item.is--light.is--10 {
        transform: rotate(-10deg) translate(0%);
    }
    .stuff-item.is--mid.is--9 {
        transform: translate(10%, -30%);
    }
    .stuff-item.is--whit.is--6 {
        transform: translateY(-10%);
    }
    .stuff-item.is--1 {
        padding-right: 2em;
    }
    .stuff-item.is--11 {
        transform: rotate(3deg) translate(-20%, -20%);
    }
    .moneyflow-visual-item,
    .moneyflow-vis-2 {
        width: 100%;
    }
    .moneyflow-vis-2-c {
        border-radius: 1.5em;
        width: 70%;
    }
    .moneyflow-visual-list {
        z-index: 1;
        transform-origin: 50% 100%;
        justify-content: center;
        align-items: stretch;
        height: 45vh;
        display: flex;
        position: relative;
    }
    .moneyflow-visual-list.u--scale-90 {
        transform: translateY(-5%) scale(0.75);
    }
    .moneyflow-vis-1 {
        font-size: 0.4em;
        transform: none;
    }
    .tag-tiny-text {
        font-size: 0.6em;
    }
    .tag-tiny-text.d--inline {
        z-index: -1;
        position: relative;
    }
    .tag-tiny-text.fw--sb.xs--h-med {
        font-size: 1.375rem;
    }
    .tag-tiny-text.fw--sb.xs--h-centre {
        margin-left: auto;
        margin-right: auto;
    }
    .tag-tiny-text.u--lh-tight.xs--eyebrow {
        margin-top: 0.25rem;
        font-size: 0.75rem;
    }
    .moneyflow-vis-3 {
        width: auto;
        height: 50vh;
        margin-top: -5vh;
        margin-left: auto;
        margin-right: auto;
    }
    .moneyflow-vis-4 {
        width: auto;
        height: 48vh;
        margin-left: auto;
        margin-right: auto;
    }
    .moneyflow-inner {
        height: 100dvh;
        padding-top: 10dvh;
    }
    .moneyflow-inner.last {
        height: auto;
        min-height: 100dvh;
    }
    .features-inner-vid {
        width: auto;
        height: 60svh;
    }
    .features-noti {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
    }
    .features-noti__logo {
        flex: none;
    }
    .features-noti__contnt {
        max-width: 11em;
    }
    .feautures-noti__text {
        font-size: 0.75em;
    }
    .feautures-noti__text.is--pill {
        font-size: 0.75rem;
    }
    .features-noti-bf.is--1 {
        width: 4em;
    }
    .features-noti-bf.is--2 {
        width: 2.5em;
        left: 75%;
    }
    .moneymap-hero__img {
        aspect-ratio: 1.15;
        border-radius: 1rem;
        width: 100%;
        min-width: auto;
        margin-top: 1.25rem;
    }
    .lg--break.xs--inline {
        display: inline;
    }
    .price-toggle__nav {
        grid-column-gap: 0.5em;
        grid-row-gap: 0.5em;
        flex-flow: wrap;
        max-width: 100%;
    }
    .price-toggle__button {
        padding-left: 1em;
        padding-right: 1em;
    }
    .price-card__col {
        min-width: auto;
        max-width: none;
    }
    .price-card__col-top {
        padding-bottom: 2.25em;
    }
    .plus-c {
        top: 0.75rem;
        right: -0.5rem;
        transform: scale(1.2);
    }
}
#w-node-_5a206921-801e-8bc2-40a4-77b9d4b2b913-d4b2b90a {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a206921-801e-8bc2-40a4-77b9d4b2b917-d4b2b90a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_5a206921-801e-8bc2-40a4-77b9d4b2b939-d4b2b90a {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_58154c4f-2f66-43cf-acaa-95765061ff87-021a6add {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch center;
}
#w-node-_770977ca-e9f7-3ad6-f83f-e9c20111bfe6-021a6add {
    grid-area: 1/1/2/4;
}
#w-node-_770977ca-e9f7-3ad6-f83f-e9c20111bfe7-021a6add {
    grid-area: 2/1/3/2;
}
#w-node-_770977ca-e9f7-3ad6-f83f-e9c20111bfee-021a6add {
    grid-area: 4/1/5/2;
}
#w-node-_770977ca-e9f7-3ad6-f83f-e9c20111bff5-021a6add {
    grid-area: 3/1/4/2;
}
#w-node-_770977ca-e9f7-3ad6-f83f-e9c20111bffa-021a6add {
    grid-area: 2/2/5/3;
}
#w-node-_770977ca-e9f7-3ad6-f83f-e9c20111bffb-021a6add {
    grid-area: 2/3/5/4;
}
#w-node-_770977ca-e9f7-3ad6-f83f-e9c20111c001-021a6add {
    grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_1da47e90-ef33-6fd9-23a0-0887021a6b08-021a6add {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
}
#w-node-_63efca5a-cc79-45bb-6ec3-7760dd5e8010-498dc741 {
    place-self: center;
}
#w-node-_9851f0dd-7a96-819b-cb89-e879043cb892-498dc741 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a2709ea7-77a8-e2fd-bc42-2b283a491498-498dc741 {
    place-self: center;
}
#w-node-_6ce770d5-2421-aea8-a933-f416e21959fa-498dc741 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dad4380f-3f70-b59a-d75c-de020cfdd34a-498dc741 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}
#w-node-dad4380f-3f70-b59a-d75c-de020cfdd348-498dc741,
#w-node-_1192aaa5-c12d-e34e-ba07-89bb76e9552f-a607b610,
#w-node-_0dd96c9b-3667-4144-51ff-318cb9a38eef-a607b610 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6a4a3c3a-809e-13bb-86f6-faff97ea99ef-a607b610 {
    place-self: center;
}
#w-node-_6a4a3c3a-809e-13bb-86f6-faff97ea9a01-a607b610 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9054b64b-34c8-1e77-85a1-15dd4209a363-a607b610 {
    justify-self: start;
}
#w-node-_92425e94-d397-c3c5-a3ac-6d43269eb93c-a607b610 {
    grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-_2c7e6927-118e-e1bc-39f0-6368d98794a2-a607b610,
#w-node-_57dfe23f-a036-e6d5-15f2-a1e8a79169a5-a607b610 {
    align-self: start;
}
#w-node-dae1766f-172a-02dd-d04c-272d7b7a6e37-7b7a6e36 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-dae1766f-172a-02dd-d04c-272d7b7a6e39-7b7a6e36 {
    align-self: end;
}
#w-node-dae1766f-172a-02dd-d04c-272d7b7a6e3b-7b7a6e36 {
    align-self: start;
}
#w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b0d-cf94877c {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b0f-cf94877c,
#w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b1a-cf94877c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}
#w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b23-cf94877c,
#w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b7b-cf94877c {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b7f-cf94877c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_9e348b6c-e0fa-7831-c34c-1076277e5ba1-cf94877c,
#w-node-b90c7848-0497-4447-5ce9-535ba3576ffe-a3576ff6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b90c7848-0497-4447-5ce9-535ba3576fff-a3576ff6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
}
#w-node-b90c7848-0497-4447-5ce9-535ba3577000-a3576ff6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b90c7848-0497-4447-5ce9-535ba3577010-a3576ff6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
}
#w-node-_82939abc-aff1-b0bc-97aa-68386c026ef6-6c026e8f,
#w-node-_82939abc-aff1-b0bc-97aa-68386c026efb-6c026e8f,
#w-node-_82939abc-aff1-b0bc-97aa-68386c026f00-6c026e8f,
#w-node-_82939abc-aff1-b0bc-97aa-68386c026f05-6c026e8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3cabcded-f8d5-cd4f-54d5-2bdedfacabb7-bdb2133a {
    place-self: center;
}
#w-node-_3cabcded-f8d5-cd4f-54d5-2bdedfacabc8-bdb2133a {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c76aa139-d99d-4fab-ef3b-a1f1ce820dcb-bdb2133a {
    grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-c76aa139-d99d-4fab-ef3b-a1f1ce820e49-bdb2133a {
    align-self: start;
}
#w-node-e599cb30-56b0-095b-2b29-8d7dde9b6c51-bdb2133a {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-bdb2133a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_03a7cc14-2d1a-fa1a-30e9-42394b39c283-bdb2133a {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bd36c28f-655f-21d7-d8a0-7428690df1df-267012bc {
    justify-self: end;
}
#w-node-_4fde1ad6-20e0-de6c-d927-229d8a5d6cf2-267012bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5f9d76d7-7a65-16aa-e376-8ab15e7b8810-267012bc,
#w-node-dad4380f-3f70-b59a-d75c-de020cfdd34a-267012bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}
#w-node-dad4380f-3f70-b59a-d75c-de020cfdd348-267012bc,
#w-node-e599cb30-56b0-095b-2b29-8d7dde9b6c51-267012bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-267012bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_03a7cc14-2d1a-fa1a-30e9-42394b39c283-267012bc,
#w-node-_0d882000-12ba-f041-f45b-d17db0155023-013106d0,
#w-node-d893c012-4d46-8da3-3e3a-0ab9bcb034ca-013106d0,
#w-node-_00f017aa-cb54-43b4-f0d2-caab955ab852-013106d0,
#w-node-d64cc146-810d-bd1b-3604-470a545549d9-013106d0,
#w-node-e599cb30-56b0-095b-2b29-8d7dde9b6c51-013106d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-013106d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_03a7cc14-2d1a-fa1a-30e9-42394b39c283-013106d0,
#w-node-_4e7ace49-b328-67e4-b821-58efd0c5eba1-2cb0128d,
#w-node-_4e7ace49-b328-67e4-b821-58efd0c5eba3-2cb0128d,
#w-node-_77329250-c684-1c09-b789-3a290a21563c-2cb0128d,
#w-node-_77329250-c684-1c09-b789-3a290a215639-2cb0128d,
#w-node-ec530610-b025-7bf2-45d3-a6a748fefd22-2cb0128d,
#w-node-ec530610-b025-7bf2-45d3-a6a748fefd25-2cb0128d,
#w-node-e599cb30-56b0-095b-2b29-8d7dde9b6c51-3da0af6c {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-3da0af6c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_03a7cc14-2d1a-fa1a-30e9-42394b39c283-3da0af6c,
#w-node-_9513f9d9-368d-2a16-f7af-ff162f7fd780-452934a7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9513f9d9-368d-2a16-f7af-ff162f7fd784-452934a7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_2ef603a7-ef6a-249b-5713-f748fba8a1c8-452934a7 {
    justify-self: end;
}
#w-node-_9513f9d9-368d-2a16-f7af-ff162f7fd7a9-452934a7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_76e43f3f-40ed-7dcb-b4dc-ad87a66830fc-452934a7 {
    justify-self: start;
}
#w-node-_04b9ce22-a5d2-0a19-c80f-e55709883fb2-bab998ed {
    place-self: center start;
}
#w-node-e599cb30-56b0-095b-2b29-8d7dde9b6c51-ccf9dfef {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-ccf9dfef {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_03a7cc14-2d1a-fa1a-30e9-42394b39c283-ccf9dfef,
#w-node-e599cb30-56b0-095b-2b29-8d7dde9b6c51-92f151ca {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-92f151ca {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
}
#w-node-_03a7cc14-2d1a-fa1a-30e9-42394b39c283-92f151ca {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
    #w-node-_9851f0dd-7a96-819b-cb89-e879043cb892-498dc741,
    #w-node-_6ce770d5-2421-aea8-a933-f416e21959fa-498dc741,
    #w-node-dad4380f-3f70-b59a-d75c-de020cfdd348-498dc741,
    #w-node-_6a4a3c3a-809e-13bb-86f6-faff97ea9a01-a607b610 {
        order: -9999;
    }
    #w-node-_92425e94-d397-c3c5-a3ac-6d43269eb93c-a607b610 {
        grid-row: span 1 / span 1;
    }
    #w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b0f-cf94877c {
        justify-self: start;
    }
    #w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b1a-cf94877c {
        order: 9999;
        justify-self: stretch;
    }
    #w-node-_3cabcded-f8d5-cd4f-54d5-2bdedfacabc8-bdb2133a {
        order: -9999;
    }
    #w-node-c76aa139-d99d-4fab-ef3b-a1f1ce820dcb-bdb2133a {
        grid-row: span 1 / span 1;
    }
    #w-node-bd36c28f-655f-21d7-d8a0-7428690df1df-267012bc {
        order: -9999;
    }
    #w-node-_5f9d76d7-7a65-16aa-e376-8ab15e7b8810-267012bc {
        justify-self: start;
    }
    #w-node-dad4380f-3f70-b59a-d75c-de020cfdd34a-267012bc {
        order: 9999;
        justify-self: stretch;
    }
}
@media screen and (max-width: 767px) {
    #w-node-dae1766f-172a-02dd-d04c-272d7b7a6e37-7b7a6e36 {
        grid-row: span 1 / span 1;
    }
    #w-node-dae1766f-172a-02dd-d04c-272d7b7a6e39-7b7a6e36 {
        align-self: center;
    }
    #w-node-dae1766f-172a-02dd-d04c-272d7b7a6e3b-7b7a6e36 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
    #w-node-b90c7848-0497-4447-5ce9-535ba3577010-a3576ff6 {
        justify-self: stretch;
    }
    #w-node-_77329250-c684-1c09-b789-3a290a21563c-2cb0128d {
        order: 9999;
    }
}
@media screen and (max-width: 479px) {
    #w-node-_5a206921-801e-8bc2-40a4-77b9d4b2b917-d4b2b90a {
        grid-area: span 1 / span 1 / span 1 / span 1;
        place-self: center stretch;
    }
    #w-node-_4f9427b4-f4d5-edd8-852e-0c4709e470bb-09e470b3 {
        order: 9999;
    }
    #w-node-_9e348b6c-e0fa-7831-c34c-1076277e5b7f-cf94877c {
        grid-area: span 1 / span 1 / span 1 / span 1;
        place-self: center stretch;
    }
    #w-node-_7cff7d58-6d28-5acc-8bd2-9e3970c7ed48-bdb2133a,
    #w-node-_1f7231f1-ebc9-29f8-7564-c22f4e6b470c-bdb2133a {
        order: 9999;
    }
    #w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-bdb2133a,
    #w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-267012bc,
    #w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-013106d0,
    #w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-3da0af6c,
    #w-node-_9513f9d9-368d-2a16-f7af-ff162f7fd784-452934a7,
    #w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-ccf9dfef,
    #w-node-_1530697d-fbb5-291f-ab6e-d6e6846ac883-92f151ca {
        grid-area: span 1 / span 1 / span 1 / span 1;
        place-self: center stretch;
    }
}


/* css from index */

     ::-webkit-scrollbar {width:0px; display: none !important;}
	
  ::selection{
  	background: var(--color--green-900);
    color: var(--color--white);
  }
  
  :root{
  	--shadow-main: 0 25px 16px 0 hsla(0, 0.00%, 0.00%, 0.05), 0 10px 10px 0 hsla(0, 0.00%, 0.00%, 0.10), 0 3px 6px 0 hsla(0, 0.00%, 0.00%, 0.10);
  	--shadow-light: 0 40px 24px rgba(0,0,0,.02),0 18px 18px rgba(0,0,0,.03),0 4px 10px rgba(0,0,0,.03);
    --swiper-pagination-bullet-inactive-color: #D9D9D9 !important;
    --swiper-pagination-color: #000000 !important;
    --swiper-pagination-bullet-size: 10px !important;
    --swiper-pagination-bullet-width: 10px !important;
    --swiper-pagination-bullet-height: 10px !important;
    --swiper-wrapper-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  }
  
  .swiper-pagination-bullet-active{width:18px;}
  .swiper-pagination-bullet {
    transition: width 0.45s cubic-bezier(0.7, 0, 0.3, 1);
    border-radius:2rem;
    opacity: 1 !important;
  }
 
  img::selection{
  	background: none;
  }
  
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.0491803278688525vw;
  }
  
  @media screen and (min-width:1520px) {
   body {font-size: 0.9999999999999999rem;}
  }
  
  @media screen and (max-width:1280px) {
   .h-small {font-size: 1.75rem}
   .stuff-item .h-small {font-size: 1.75em}
  }
  
  @media screen and (max-width:991px) {
   body {font-size: 16px !important;}
  }
  
  @media screen and (max-width:479px) {
   .stuff-item .h-small {font-size: 1.25em}
  }  
  
  a{
  	color: inherit;
  	text-decoration: none;
  }
   
  .pointer-off{
  	pointer-events: none;
  } 
  
  .field-area {
  	resize: none;
	}
  
  .clip--x{
  	overflow-x:clip;
    overflow-y:visible;
  }
  
  [data-scrolling-started="false"] .nav-w{ top: 2em; }
  
  .text-link::after{
  	content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    background: currentColor;
    height: 1px;
    width:100%;
    transform-origin: center left;
    transform: scale(0,1);
    transition-property: transform;
    transition-duration: 250ms;
    transition-timing-function:cubic-bezier(.164,.84,.44,1);
  }
  
  .button[button-width="wide"]{
  	width: 15rem;
  }
  .button[button-theme="white"]{
  	background: white;
    color: black;
  }  
  
  
  @media screen and (max-width:767px){
    [button-mobile="full"]{
      width: 100% !important;
    } 
  }

  .nav-w[theme="dark"]{
  	color: var(--color--black);
  }
  .nav-w:not(.is--full)[theme="dark"] .nav-center{
  	background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(24px);
  } 
  .nav-w[theme="dark"] .nav-button.is--secondary{
  	background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(24px);
    color: black !important;
  }
  .nav-w[theme="dark"] .nav-button.is--secondary:hover{
    color: #D9FFE0 !important;
  }  
  .nav-w[theme="dark"] .nav-button.is--primary:hover{
    color: #0F5426 !important;
  }
  .nav-w[theme="dark"] .nav-button.is--primary{
    color:#D9FFE0 !important;
  }
  
  .quote-heading{
  	font-size: clamp(2rem, 5vw, 5.5rem)
  }
  
  a.p-reg,
  .dd-toggle{
    transition-property: opacity;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  .sticky-cards__title .h-display{
  	color: rgba(0,0,0,0.4);
  }
  
  [data-track-fade]{
  	opacity: 0;
    transform:translate3d(0px, 1rem, 0px);
   	transition-property: opacity, transform;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0ms;
  }
  .track-text__item li[data-track-fade]:nth-of-type(1){transition-delay: 50ms;}
  .track-text__item li[data-track-fade]:nth-of-type(2){transition-delay: 100ms;}
  .track-text__item li[data-track-fade]:nth-of-type(3){opacity: 150ms;}  
  
  
  .track-text__item.active [data-track-fade]{
  	transition-delay: 50ms;
    opacity: 1;
    transform:translate3d(0px, 0rem, 0px);
  }
  .track-text__item.active li[data-track-fade]:nth-of-type(1){transition-delay: 100ms;}
  .track-text__item.active li[data-track-fade]:nth-of-type(2){transition-delay: 150ms;}
  .track-text__item.active li[data-track-fade]:nth-of-type(3){transition-delay: 200ms;}
  
  [data-pricing-heading]{
  	white-space: no-wrap;
  }
  
  [data-t-fade]{
  	opacity:0;
    transform:translate3d(0px, 0.5rem, 0px);
    transition-duration: 350ms;
    transition-timing-function: cubic-bezier( 0.175,  0.885,  0.320,  1.275 );
  }
  [data-t-fade]:nth-of-type(1){transition-delay: 300ms;}
  [data-t-fade]:nth-of-type(2){transition-delay: 400ms;}
  [data-t-fade]:nth-of-type(3){transition-delay: 500ms;}
  
  .swiper-slide-active [data-t-fade]{
  	opacity:1;
    transform:translate3d(0px, 0rem, 0px);
  }
  
  .logo-path__wrap{
  	overflow: visible !important;
  }
  
  .button-bg{
  	transform: scale(1,0);
  }
  .swiper-slide.is--guides{
  	overflow: visible !important;
  }
  .p-card.is--active .eyebrow{
  	color: var(--color-green-100) !important;
  }
  
  @media (hover: hover) {
    .text-link:hover::after{
      transform: scale(1,1);
      transition-duration: 350ms;
    }
    .p-card.is--center:hover .p-card__pill{
      opacity: 1;
      transform: translate(0px, 0%);
    }  
    .button.is--green:hover{
      transition-duration:450ms;
    }
    a.p-reg:hover,
    .dd-toggle:hover{
      opacity: 0.6;
    }
    .button:hover .button-bg{
      transform: scale(1.2, 1.4);
    }
      .icon--reg {
  width: 30px;   /* increase width */
  height: 30px;  /* increase height */
}
  }
  @media screen and (max-width:1360px){
  	.invest-left{
    	bottom: -5vw;
    }
    .invest-right{
    	right: -5vw;
      top: -5vw;
    }
  }
  @media screen and (max-width:1080px){
  	.invest-left{
    	bottom: -15vw;
    }
    .invest-right{
      top: -10vw;
    }
  }
  @media screen and (max-width:992px){
  	.invest-left{
    	bottom: 2rem;
    }
    .invest-right{
      top: initial;
      right: 0;
    }
  }  
  @media screen and (max-width:992px){
    .invest-left{
      bottom: 3rem;
    }
  }
        
  /* iPad responsive styles for Section 8 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .price-cards__row {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 1rem !important; /* spacing between cards */
    flex-wrap: nowrap !important; /* keep them in one row */
  }

  .price-card__col {
    flex: 1 1 30% !important;   /* each card takes about 1/3 */
    max-width: 30% !important;
    min-width: 0 !important;   /* prevent overflow */
  }

  .price-card__col-top2,
  .price-card__col-top {
    padding: 1rem !important;   /* reduce padding for smaller screen */
  }

  .price-card__ul {
    font-size: 0.9rem !important;   /* slightly smaller text */
    line-height: 1.4 !important;
  }

  .price-card__li p {
    font-size: 0.85rem !important;  /* shrink list item text */
  }

  .price-card__top-h h4,
  .price-card__top-h h6 {
    font-size: 1.1rem !important;   /* shrink price text a bit */
  }

  .button.is--green {
    font-size: 0.9rem !important;
    padding: 0.6rem 1rem !important;
  }
}

  .sound-button-icon.muted .svg-icon.play{display:none;}
  .sound-button-icon.muted .svg-icon.mute{display:inline-block;}
  
  @media screen and (max-width:410px){
  	.home-hero__inner.pointer-off:not(#illu-hero){
    	padding-bottom:7rem;
    }
  }
  
  [data-font-weight="semi"] h4,
  [data-font-weight="semi"] h3{font-weight:600;}
  
  #guide-collage .g-card{position:absolute;backface-visibility:hidden;}
  #guide-collage .g-card:nth-of-type(1){top: -5%; left: 0%; transform:rotate(-12deg);}
  #guide-collage .g-card:nth-of-type(2){top: 0%; left: 30%; transform:rotate(5deg);z-index:2;}
  #guide-collage .g-card:nth-of-type(3){top: -1%; left: 60%; transform:rotate(12deg);}
  #guide-collage .g-card:nth-of-type(4){top: 60%; left: 0%; transform:rotate(-25deg);}
  #guide-collage .g-card:nth-of-type(5){top: 68%; left: 30%; transform:rotate(4deg);z-index:3;}
  #guide-collage .g-card:nth-of-type(6){top: 80%; left: 58%; transform:rotate(14deg);}
  
  #guide-hero .g-card{position:absolute;backface-visibility:hidden;}
  #guide-hero .g-card:nth-of-type(1){top: 10%; left: 0%; transform:rotate(-8deg);}
  #guide-hero .g-card:nth-of-type(2){top: 0%; left: 30%; transform:rotate(2deg);z-index:2;}
  #guide-hero .g-card:nth-of-type(3){top: 20%; left: 65%; transform:rotate(6deg);}

  @media screen and (max-width:479px){
    .nav-w[theme="dark"] .nav-inner{color:var(--color--black)}
    #guide-collage .g-card{width:30.5vw; height:auto; aspect-ratio:1 / 1.33}

    #guide-hero .g-card:nth-of-type(1){top: -40%; left:-5%;}
    #guide-hero .g-card:nth-of-type(2){top: 15%; left: 20%; transform:rotate(-3deg)}
    #guide-hero .g-card:nth-of-type(3){top: -30%; left: 50%;}
  }  

[data-cash-scroll]{margin-bottom:-100vh;}
  

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

@media screen and (max-width:479px) and (max-height: 850px){
	.cash-inner__list{transform:scale(0.8)}
}

@media screen and (min-width:992px) and (max-height: 820px){
  .stacking-card__iphone{max-width:12rem}
  .stacking-card__card{max-width:11rem}
}

@media screen and (max-width:1500px){
	.benefits-container{max-width:50rem;}
}

.table-cell svg{width:1.75rem;}
.table-row.main:nth-child(even) .table-cell{background-color:var(--color--grey-100)}
.table-row.main:nth-child(even) .table-cell:nth-child(1){border-radius: 1.5rem 0px 0px 1.5rem}
.table-row.main:nth-child(even) .table-cell:nth-child(7){border-radius: 0px 1.5rem 1.5rem 0px}

.select-w{ -webkit-appearance:none; }

[data-grid-card] .cover-img {transition: transform 0.45s cubic-bezier(0.7, 0, 0.3, 1) }
[data-grid-card]:hover .blog-post__cta{ transform: translate(0px, 0%)}
[data-grid-card]:hover .cover-img {transform: scale(1.05) }

.blog-grid.highlight-second .blog-grid__item:nth-of-type(2){ grid-column: span 2}
.blog-grid.highlight-second .blog-grid__item:nth-of-type(2) .blog__img-wrap{aspect-ratio: 2.34;}

.blog-grid.highlight-first .blog-grid__item:nth-of-type(1){ grid-column: span 2}
.blog-grid.highlight-first .blog-grid__item:nth-of-type(1) .blog__img-wrap{aspect-ratio: 2.34;}


.promo-popup .p-small{ max-width: 18.75rem; }


.clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 991px){

	.home-hero__inner:has(.promo-popup) #homeHeroButton{ display: none !important;}
  
  [data-hero-videos]:has(.promo-popup) .banner{ display: none; }
  [data-hero-videos]:has(.promo-popup) .banner{ display: none; }
  [data-hero-videos]:has(.promo-popup) .home-hero__inner{padding-bottom: 2rem}
  
}

@media screen and (max-width: 767px){
	[data-hero-videos]:has(.promo-popup) .home-hero__inner{padding-bottom: 1.25rem}
}

@media screen and (min-width: 991px){
	.wf-design-mode .moneyflow-visual-item{position:relative;}
	.wf-design-mode .moneyflow-visual-list{height:100vh; overflow:scroll; display:flex; justify-content: start; align-items:start;flex-direction:column;}
}
@media screen and (max-width: 479px){

  .moneyflow-visual-item .flow-guide__item:nth-of-type(4),
  .moneyflow-visual-item .flow-guide__item:nth-of-type(5){display: none;}


}
     .button[button-theme="dark"]{
  background-color: var(--color--black);
  color: #fff;
}

@keyframes translateX { 
  to {
    transform: translateX(-100%);
  }
}

[data-marquee-loop-el="all"] {
  animation: translateX 60s linear;
  animation-iteration-count: infinite;
}

[data-marquee-loop-el="mobile"] {
  animation-play-state: paused;
}

@media screen and (max-width: 767px){

  [data-marquee-loop-el="mobile"] {
    animation: translateX 40s linear;
  	animation-iteration-count: infinite;
    animation-play-state: running;
  }
  
  @media (max-width: 768px) {
  .hero-text-container {
    position: relative;
    display: inline-block;
    padding: 16px;
    border-radius: 10px;
    z-index: 1;
  }

  .hero-text-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 10); /* dark overlay */
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border-radius: 10px;
    z-index: -1;
    pointer-events: none; /* keeps autoplay video clickable & visible */
  }

}


/* PRICING COMP */
.price-card__top-h .h-reg,
.price-card__top-p .eyebrow{ transition: transform 0.5s cubic-bezier(0.625, 0.05, 0, 1); }

[data-price-status="monthly"] .price-card__top-h .h-reg,
[data-price-status="monthly"] .price-card__top-p .eyebrow{ transform: translate(0px, 0%) }

[data-price-status="quarterly"] .price-card__top-h .h-reg,
[data-price-status="quarterly"] .price-card__top-p .eyebrow{ transform: translate(0px, -100%) }

[data-price-status="yearly"] .price-card__top-h .h-reg,
[data-price-status="yearly"] .price-card__top-p .eyebrow{ transform: translate(0px, -200%) }


.plus-c__bottom {
  transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}

.plus-c:hover .plus-c__bottom {
  grid-template-rows: 1fr;
}

.plus-c__top-icon {
  transition: all 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}

.plus-c:hover .plus-c__top-icon {
	transform: rotate(360deg);
  color: #fff;
  background: var(--color--green-800);
}
}
/* css from index */
 .anti-flicker,
            .anti-flicker * {
                visibility: hidden !important;
                opacity: 0 !important;
            }
           [data-wf-hidden-variation],
            [data-wf-hidden-variation] * {
                display: none !important;
            }
         html,
            body {
                width: 100%;
                height: auto !important;
                min-height: 100%;
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            html.lenis {
                height: auto;
            }

            .lenis.lenis-smooth {
                scroll-behavior: auto;
            }

            .lenis.lenis-smooth [data-lenis-prevent] {
                overscroll-behavior: contain;
            }

            .lenis.lenis-stopped {
                overflow: hidden;
            }

            .lenis.lenis-scrolling iframe {
                pointer-events: none;
            }

            .w-editor .load-w {
                display: none;
            }

            .nav-dd {
                height: unset;
            }
            .load-w {
                display: flex;
            }

            [data-flow-fade],
            [data-flow-bounce] {
                opacity: 0;
            }

            .flow-bottom {
                transform: translate(0px, 150%);
            }
            .flow-bottom.is--visible {
                transform: translate(0px, 0%);
            }
/* ==========================
   Base Styles
   ========================== */
html, body {
  width: 100%;
  height: auto !important;
  min-height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
}

a {
  color: inherit;
  text-decoration: none;
}

.pointer-off {
  pointer-events: none;
}

.field-area {
  resize: none;
}

.clip--x {
  overflow-x: clip;
  overflow-y: visible;
}

/* Scrollbar & Selection */
::-webkit-scrollbar { width: 0; display: none !important; }
::selection {
  background: var(--color--green-900);
  color: var(--color--white);
}
img::selection { background: none; }

/* ==========================
   Swiper / Carousel
   ========================== */
.swiper-pagination-bullet-active { width: 18px; }
.swiper-pagination-bullet {
  transition: width 0.45s cubic-bezier(0.7, 0, 0.3, 1);
  border-radius: 2rem;
  opacity: 1 !important;
}

/* ==========================
   Buttons
   ========================== */
.button[button-width="wide"] { width: 15rem; }
.button[button-theme="white"] { background: white; color: black; }
.button[button-theme="dark"] { background-color: var(--color--black); color: #fff; }

/* ==========================
   Links & Hover
   ========================== */
.text-link::after {
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  background: currentColor;
  height: 1px;
  width: 100%;
  transform-origin: center left;
  transform: scale(0,1);
  transition: transform 250ms cubic-bezier(.164,.84,.44,1);
}

@media (hover: hover) {
  .text-link:hover::after { transform: scale(1,1); transition-duration: 350ms; }
  a.p-reg:hover, .dd-toggle:hover { opacity: 0.6; }
  .button:hover .button-bg { transform: scale(1.2,1.4); }
}

/* ==========================
   Marquee / Animations
   ========================== */
@keyframes translateX { to { transform: translateX(-100%); } }
[data-marquee-loop-el="all"] { animation: translateX 60s linear infinite; }
[data-marquee-loop-el="mobile"] { animation: translateX 40s linear infinite; animation-play-state: paused; }

@media screen and (max-width: 767px){
  [data-marquee-loop-el="mobile"] { animation-play-state: running; }
}

/* ==========================
   iPad & Tablet Responsive
   ========================== */
@media screen and (min-width: 760px) and (max-width: 1024px) {

  header.section.is--full { margin-bottom: 0 !important; padding-bottom: 2rem !important; }
  header.section .section { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  .main-cd { max-width: 100% !important; margin: 0 auto !important; padding: 0 1rem !important; }
  .flex-v.a--center.gap--small { text-align: center !important; justify-content: center !important; align-items: center !important; margin-bottom: 1.5rem !important; }

  header.section .h-med {
    font-size: 2rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.5rem !important;
    text-align: center !important;
  }

  header.section .p-reg {
    font-size: 1.1rem !important;
    max-width: 90% !important;
    margin: 0 auto 1.5rem auto !important;
    text-align: center !important;
  }

  .g-nav__item img { width: 60px !important; height: 60px !important; }

  /* Card slider adjustments */
  .g-card__wrap { padding: 0 !important; margin: 0 auto !important; }
  .g-cards__list { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 1rem !important; }
  .g-card.swiper-slide { flex: 1 1 calc(50% - 1rem) !important; max-width: calc(50% - 1rem) !important; margin-bottom: 1rem !important; }
  .card-inner { border-radius: 1rem !important; overflow: hidden !important; }

  /* Stacking card adjustments */
  .stacking-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
  .stacking-card__visual { order: -1 !important; width: 100% !important; max-width: 100% !important; margin-bottom: 1.5rem !important; }
  .stacking-flow-visual { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; }
  .stacking-flow-visual img { max-width: 90% !important; height: auto !important; display: block !important; }
  .stacking-card__content { width: 100% !important; max-width: 90% !important; margin: 0 auto !important; text-align: left !important; }
}

/* ==========================
   Misc / Cleanups
   ========================== */
h5.h-med { font-size: 30px !important; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
.clamp-3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.plus-c__bottom { transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1); }
.plus-c:hover .plus-c__bottom { grid-template-rows: 1fr; }
.plus-c__top-icon { transition: all 0.6s cubic-bezier(0.625, 0.05, 0, 1); }
.plus-c:hover .plus-c__top-icon { transform: rotate(360deg); color: #fff; background: var(--color--green-800); }


   html, body {
  	width: 100%;
		height: auto !important;
  	min-height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  html.lenis {
    height: auto;
  }
  .home-h {
  font-weight: 500; /* hero text */
  }
  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }

  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  .lenis.lenis-stopped {
    overflow: hidden;
  }

  .lenis.lenis-scrolling iframe {
     pointer-events: none;
  } 
  
  .w-editor .load-w{
	display: none;
  }	 
  
  .nav-dd{height:unset;}
  .load-w{display:flex;}
  
  [data-flow-fade], [data-flow-bounce]{opacity: 0;
}
 	
  .flow-bottom{transform:translate(0px, 150%)
}
 	.flow-bottom.is--visible{transform:translate(0px, 0%)
}
  
            .anti-flicker,
            .anti-flicker * {
                visibility: hidden !important;
                opacity: 0 !important;
            }
            [data-wf-hidden-variation],
            [data-wf-hidden-variation] * {
                display: none !important;
            }
            html,
            body {
                width: 100%;
                height: auto !important;
                min-height: 100%;
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            html.lenis {
                height: auto;
            }

            .lenis.lenis-smooth {
                scroll-behavior: auto;
            }

            .lenis.lenis-smooth [data-lenis-prevent] {
                overscroll-behavior: contain;
            }

            .lenis.lenis-stopped {
                overflow: hidden;
            }

            .lenis.lenis-scrolling iframe {
                pointer-events: none;
            }

            .w-editor .load-w {
                display: none;
            }

            .nav-dd {
                height: unset;
            }
            .load-w {
                display: flex;
            }

            [data-flow-fade],
            [data-flow-bounce] {
                opacity: 0;
            }

            .flow-bottom {
                transform: translate(0px, 150%);
            }
            .flow-bottom.is--visible {
                transform: translate(0px, 0%);
            }

             .note {
              z-index: 1;
              background-color: var(--color--white);
              position: relative;
              width: 100%;
              padding: 1.5rem 1rem;   /* default: small mobile */
              box-sizing: border-box;
            }

            .note-content {
              max-width: 1000px;
              margin: 0 auto;
            }

            /* Force all direct children inside note-content to align consistently */
            .note-content > * {
              display: block;
              margin-left: 0;
              margin-right: 0;
              float: none;
            }

            .note-title {
              font-size: 1.5rem;
              font-weight: 600;
              margin: 0 0 0.75rem 0;
              text-align: center;
              padding-top: 0.5rem;
              color: #222;
            }


            /* Special fix for numbering so it doesn’t indent */
            .note-subtitle::first-letter {
              margin-left: 0; 
            }

            .note p {
              font-size: 0.9rem;
              line-height: 1.6;
              color: #444;
              margin-bottom: 1rem;
              text-align: justify;
            }

            /* 📱 Mobile phones (up to 599px) */
            @media (max-width: 599px) {
              .note {
                padding: 1.5rem 1rem;
              }
              .note-title {
                font-size: 1.5rem;
                padding-top: 5rem;
              }
              .note p {
                font-size: 0.9rem;
              }
            }

            /* 📲 Tablets (600px – 1023px) */
            @media (min-width: 600px) and (max-width: 1023px) {
              .note {
                padding: 3rem 2rem;
              }
              .note-title {
                font-size: 2rem;
                padding-top: 4rem;
              }
              .note p {
                font-size: 1rem;
              }
            }

            /* 💻 Laptops (1024px – 1439px) */
            @media (min-width: 1024px) and (max-width: 1439px) {
              .note {
                padding: 4rem 3rem;
              }
              .note-title {
                font-size: 2.2rem;
                padding-top: 2rem;
              }
              .note p {
                font-size: 1.05rem;
              }
            }

            /* 🖥️ Big screens / desktops (1440px and above) */
            @media (min-width: 1440px) {
              .note {
                padding: 5rem 4rem;
              }
              .note-title {
                font-size: 2.6rem;
                padding-top: 2.5rem;
              }
              .note p {
                font-size: 1.1rem;
                max-width: 1200px; /* prevents text being too wide */
                margin-left: auto;
                margin-right: auto;
              }
            }
/* Modal overlay (full screen) */
.modal {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(6px);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 16px;
}

/* Modal content card */
.modal-content {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  max-width: 900px;
  width: 95%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
              0 1px 3px rgba(0, 0, 0, 0.12);
  animation: fadeIn 0.3s ease;
  position: relative;
}

/* Layout: form + map */
.modal-body {
  display: flex;
  gap: 20px;
  margin-top: 15px;
  align-items: stretch;
}

/* Form */
#contactForm {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
}
#contactForm .form-group {
  margin-bottom: 15px;
}
#contactForm label {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #333;
}
#contactForm input,
#contactForm textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}
#contactForm input:focus,
#contactForm textarea:focus {
  border-color: var(--color--green-900);
}
.submit-btn {
  margin-top: auto;
  width: 100%;
  padding: 12px;
  border: none;
  background: #28a745;
  color: white;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.submit-btn:hover {
  background: #218838;
}

/* Address + Map */
.contact-info {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 14px;
  color: #333;
}
.contact-info p {
  margin: 4px 0;
}
.map-container {
  flex: 1;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
              0 1px 3px rgba(0, 0, 0, 0.12);
}
.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Close button (X) */
.close-btn {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 26px;
  cursor: pointer;
  color: #333;
  transition: color 0.2s ease;
}
.close-btn:hover {
  color: #e74c3c;
}

/* Animation */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}

/* Responsive */
@media (max-width: 768px) {
  .modal-body {
    flex-direction: column;
  }
  .map-container {
    height: 250px;
  }
}

.filter-btn[data-filter-status="active"] {
background-color: var(--color--green-900);
color: #fff;
 display: inline-block;
  min-width: 120px;   /* adjust to your design */
  text-align: center;
  padding: 10px 16px;
}

.filter-btn[data-filter-status="active"] {
background-color: var(--color--green-900);
color: #fff;
 display: inline-block;
  min-width: 120px;   /* adjust to your design */
  text-align: center;
  padding: 10px 16px;
}
                                            /* Filter List Item */
 .filter-list__item[data-filter-status="active"] {
  transition: opacity 0.6s cubic-bezier(0.625, 0.05, 0, 1),
  transform 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  transform: scale(1) rotate(0.001deg);
  opacity: 1;
  visibility: visible;
  position: relative;
   }

.filter-list__item[data-filter-status="transition-out"] {
  transition: opacity 0.45s cubic-bezier(0.625, 0.05, 0, 1), 
  transform 0.45s cubic-bezier(0.625, 0.05, 0, 1);
  transform: scale(0.9) rotate(0.001deg);
  opacity: 0;
  visibility: visible;
  }

  .filter-list__item[data-filter-status="not-active"] {
  transform: scale(0.9) rotate(0.001deg);
  opacity: 0;
  visibility: hidden;
  position: absolute;
 }




  .application-wrapper {
  display: grid;
  grid-template-columns: 60% 40%;  /* desktop: form + text */
  gap: 3rem;
  max-width: 1400px;
  margin: 0 auto;
  align-items: center;
  padding: 2rem;
}

/* ✅ Text column */
.application-text {
  max-width: 400px;
}
.application-text h2 { font-size: 2.2rem; font-weight:700; margin-bottom:1rem; }
.application-text p { font-size:1.05rem; line-height:1.6; margin-bottom:1rem; color:#333; }
.application-text ul { list-style: none; padding: 0; margin: 0; }
.application-text ul li { margin-bottom:0.6rem; font-size:1rem; }

/* ✅ Form container */
.application-container {
  background: #fff;
  padding: 3rem;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 
              0 1px 3px rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease;
  width: 100%;
  max-width: none;
}

 /* Stronger shadow on hover for "lift" */
 .application-container:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12),
              0 3px 6px rgba(0, 0, 0, 0.16);
  transform: translateY(-2px); /* slight lift */
}
/* ✅ Form grid */
.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 1rem;
}
.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 0.85rem;
  border-radius: 20px;
  border: 1px solid #ddd;
  background: #fafafa;
  font-size: 1rem;
}
.form-group textarea { min-height:120px; resize: vertical; }
.form-group.full { grid-column: 1 / -1; }

/* ✅ Button */
 {
  background: #111; color: #fff; border: none; padding: 0.85rem 1.75rem;
  border-radius: 999px; cursor: pointer; font-size: 1rem;
}

.submit-btn2 {
    border-radius: 50em; /* pill shape */
    background-color: var(--color--green-900); /* your green */
    color: var(--color--green-100); /* text */
    width: 11.5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;

    /* Apple-style subtle shadow without gloss */
    box-shadow: 
        0 4px 10px rgba(0, 0, 0, 0.08), 
        0 1px 3px rgba(0, 0, 0, 0.12);

    transition: all 0.25s ease;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

/* Hover effect: soft lift */
.submit-btn2:hover {
    background-color: var(--color--green-100);
    color: var(--color--green-900);
    transform: translateY(-1px);
    box-shadow: 
        0 6px 16px rgba(0, 0, 0, 0.12),
        0 3px 6px rgba(0, 0, 0, 0.16);
}

/* Active state: pressed */
.submit-btn2:active {
    transform: translateY(0);
    box-shadow: 
        inset 0 2px 4px rgba(0, 0, 0, 0.25);
}


.confirmation {
  display: none;
  margin-top: 1rem;
  padding: 1rem;
  background: #f0fdf4;
  border-radius: 10px;
  color: #065f46;
}

/* =========================================================
   📱 MOBILE (≤599px)
   ========================================================= */
@media (max-width: 599px) {
  .application-wrapper {
    grid-template-columns: 1fr;    /* single column */
    max-width: 100%;
    padding: 0.5rem;
  }

  .application-wrapper .content-w {
    display: none;
  }

  .application-container {
    padding: 1rem;
    max-width: 100%;                /* form fills screen nicely */
    margin: 0 auto;
  }

  .form-grid {
    grid-template-columns: 1fr;    /* single column fields */
    gap: 1rem;
  }
}

/* =========================================================
   📱 TABLET (600px–899px)
   ========================================================= */
@media (min-width: 600px) and (max-width: 899px) {
  .application-wrapper {
    grid-template-columns: 1fr;    /* stack */
    max-width: 100%;
    padding: 2rem;
  }

   .application-wrapper .content-w h2 {
     display: none;
  }
    .application-wrapper .content-w p {
   display: none;
  }

  .application-container {
    padding: 2rem;
    max-width: 750px;              /* slightly wider form */
    margin: 0 auto;
  }

  .form-grid {
    grid-template-columns: 1fr;    /* single column fields */
  }
}

/* =========================================================
   💻 DESKTOP (≥900px)
   ========================================================= */
@media (min-width: 900px) {
  .application-wrapper {
    grid-template-columns: 60% 40%;  /* form + text */
    max-width: 1400px;
  }

  .application-wrapper .content-w h2 {
    font-size: 2rem;
  }
    .application-wrapper .content-w p {
    font-size: 1.05rem;
  }


  .form-grid {
    grid-template-columns: 1fr 1fr;  /* 2-column form fields */
    gap: 1.2rem 1rem;
  }
  .form-group.full { grid-column: span 2; }
}

.text-hero2 {
    padding-top: 7em;
    padding-bottom: 2em;
}


/* =========================================================
   quiz
   ========================================================= */
.quiz-section {
  padding: 20px 20px;
  display: flex;
  justify-content: center;  /* centers horizontally */
  align-items: flex-start;
  background-color: #fff;
  min-height: 70vh;
  box-sizing: border-box;   /* ensures padding is counted in width */
}

.quiz-container {
  background-color: #fff;
  padding: 40px 30px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  max-width: 600px;        /* limits width */
  width: 100%;             /* allows responsiveness */
  margin: 0 auto;          /* ensures container is centered */
  text-align: center;
  position: relative;
}


.quiz-question h3 {
  font-size: 1.1rem; /* adjust smaller than default */
  font-weight: 600;
  color: #111; /* matches your site text color */
  margin-bottom: 15px; /* spacing under question */
}

.quiz-container h1 {
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 0.8rem;
  color: #1a1a1a;
}

.quiz-container p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 2rem;
}

/* Progress bar container */
.progress-bar {
  background-color: #eee;
  border-radius: 8px;
  height: 10px;
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

.progress {
  background-color: #2d9c42;
  height: 100%;
  width: 0%;
  border-radius: 8px;
  transition: width 0.3s ease;
}

/* Options */
.options {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 2rem;
}

.opt {
  padding: 0.8rem 1rem;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #fff;
  text-align: left;
}

.opt:hover {
  background-color: #f1fdf5;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.opt.selected {
  background-color: var(--color--green-100);
  border-color: var(--color--green-900);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Navigation Buttons */
.navigation {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.back-btn1 {
  border-radius: 50em; /* pill shape */
    background-color: var(--color--green-100); /* your green */
    color: var(--color--green-900); /* text */
    width: 11.5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;

    /* Apple-style subtle shadow without gloss */
    box-shadow: 
              0 4px 10px rgba(0, 0, 0, 0.08), 
              inset 0 1px 3px rgba(0, 0, 0, 0.12);

    transition: all 0.25s ease;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

.back-btn1:hover{
  background-color: var(--color--green-900);
    color: var(--color--green-100);
    transform: translateY(-2px);
    box-shadow: 
        0 6px 16px rgba(0, 0, 0, 0.12),
        0 3px 6px rgba(0, 0, 0, 0.16);
}
    .back-btn1:active{            
    transform: translateY(0);
    box-shadow: 
        inset 0 2px 4px rgba(0, 0, 0, 0.25);
}
                
 .next-btn1 {  
    border-radius: 50em; /* pill shape */
    background-color: var(--color--green-900); /* your green */
    color: var(--color--green-100); /* text */
    width: 11.5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;

    /* Apple-style subtle shadow without gloss */
    box-shadow: 
              0 4px 10px rgba(0, 0, 0, 0.08), 
              inset 0 1px 3px rgba(0, 0, 0, 0.12);

    transition: all 0.25s ease;
    font-weight: 500;
    position: relative;
    cursor: pointer;
     
}
 
                
.next-btn1:hover {
 background-color: var(--color--green-100);
    color: var(--color--green-900);
    transform: translateY(-2px);
    box-shadow: 
        0 6px 16px rgba(0, 0, 0, 0.12),
        0 3px 6px rgba(0, 0, 0, 0.16);  
    
}
  .next-btn1:active {              
  transform: translateY(0);
    box-shadow: 
        inset 0 2px 4px rgba(0, 0, 0, 0.25);             
}             
                
                
/* Email Form */
.email-form input[type="email"] {
  padding: 0.6rem 1rem;
  width: 70%;
  max-width: 250px;
  margin-right: 0.5rem;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.email-form button {
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 50px;
  background-color: #2d9c42;
  color: #fff;
  cursor: pointer;
}

.email-form button:hover {
  background-color: #238234;
}

/* Result */
.result {
  margin-top: 2rem;
  font-size: 1rem;
  color: #333;
  text-align: left;
}

.start-btn {
  background-color: #3ac162;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 12px 30px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.start-btn:hover {
  background-color: #33b858;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.centered2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .quiz-container {
    padding: 30px 20px;
  }

  .quiz-container h1 {
    font-size: 1.5rem;
  }

  .progress-bar {
    height: 8px;
  }
}

@media screen and (max-width: 480px) {
  .quiz-container {
    padding: 20px 15px;
  }

  .back-btn1, .next-btn1 {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }

  .email-form input[type="email"] {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .email-form button {
    width: 100%;
  }
}

/* iPad Mini optimization for business page */
@media screen and (min-width: 600px) and (max-width: 820px) {
  .page-hero {
    display: flex;
    flex-direction: column;   /* stack vertically */
    align-items: center;
    text-align: center;       /* center text */
    gap: 1rem;                /* reduce spacing */
    margin-bottom: 0;         /* remove extra gap before next section */
  }

  .page-hero .content-w {
    max-width: 90%;          /* prevent text stretching edge to edge */
    margin: 0 auto;
  }

  .page-hero__visual {
    width: 100%;             /* full width video */
    margin-top: 1rem;
  }

  .page-hero__visual video {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* Hide specific sections on mobile */
@media (max-width: 767px) {
  /* First section */
  .section.is--scroll-bg {
    display: none !important;
  }
}


/* Hide big sections on mobile */
@media (max-width: 767px) {
  /* First big section (with data-cash-scroll) */
  section.section[data-cash-scroll] {
    display: none !important;
  }

  /* Second big section (with data-last-scroll) */
  section.section[data-last-scroll] {
    display: none !important;
  }
}


@media (max-width: 767px) {
  [data-section-green].section {
    display: none !important;
  }
}

.button-wrapper {
  display: flex !important;
  gap: 1rem !important; /* spacing between buttons */
  justify-content: center !important;
  flex-wrap: wrap !important; /* stack neatly on mobile */
}

.button-logo {
  height: 30px !important; /* adjust size */
  width: auto !important;
}