@font-face {
    font-family: "Cameo Sans";
    src: url("../fonts/CameoSans.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Avenir;
    src: url("../fonts/Avenir-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Avenir;
    src: url("../fonts/Avenir-Book.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Avenir;
    src: url("../fonts/Avenir-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-latin.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url("../fonts/Montserrat-BlackItalic-latin.woff2") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

:root {
    --nb-brown: #612e03;
    --nb-cream: #e3d6c5;
    --nb-ink: #351d1d;
    --nb-white: #fff;
    --nb-display: "Cameo Sans", Georgia, serif;
    --nb-body: Avenir, "Helvetica Neue", Arial, sans-serif;
    --nb-scale: 0.85;
    --nb-max: calc(1120px * var(--nb-scale));
    --nb-wide: calc(1240px * var(--nb-scale));
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--nb-white);
    color: var(--nb-ink);
    font-family: var(--nb-body);
    font-size: calc(1.0625rem * var(--nb-scale));
    line-height: 1.45;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
}

.nb-wrap {
    width: min(100% - calc(2.5rem * var(--nb-scale)), var(--nb-max));
    margin-inline: auto;
}

.nb-wrap--wide {
    width: min(100% - calc(2.5rem * var(--nb-scale)), var(--nb-wide));
}

.nb-section {
    position: relative;
    padding: calc(4.5rem * var(--nb-scale)) 0;
    overflow: hidden;
}

.nb-kicker,
.nb-title,
.nb-btn,
.nb-card-title,
.nb-step__title,
.nb-plan__title,
.nb-feature__title,
.nb-faq__q {
    font-family: var(--nb-display);
    font-weight: 400;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.nb-title {
    margin: 0 auto calc(1rem * var(--nb-scale));
    max-width: 18ch;
    text-align: center;
    font-size: clamp(calc(2rem * var(--nb-scale)), calc(4.4vw * var(--nb-scale)), calc(3.6rem * var(--nb-scale)));
    line-height: 0.95;
}

.nb-title--light {
    color: var(--nb-white);
}

.nb-title--brown {
    color: var(--nb-brown);
}

.nb-lead {
    margin: 0 auto calc(2.25rem * var(--nb-scale));
    max-width: calc(42rem * var(--nb-scale));
    text-align: center;
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.5vw * var(--nb-scale)), calc(1.3rem * var(--nb-scale)));
    line-height: 1.45;
}

.nb-lead--light {
    color: var(--nb-white);
}

.nb-lead strong {
    font-weight: 500;
}

.nb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: calc(3.6rem * var(--nb-scale));
    padding: calc(0.85rem * var(--nb-scale)) calc(1.75rem * var(--nb-scale));
    border: calc(5px * var(--nb-scale)) solid rgba(227, 214, 197, 0.5);
    border-radius: 10px;
    background: var(--nb-cream);
    color: var(--nb-ink);
    font-size: clamp(calc(1rem * var(--nb-scale)), calc(1.6vw * var(--nb-scale)), calc(1.25rem * var(--nb-scale)));
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.nb-btn:hover {
    transform: translateY(-2px);
}

.nb-btn:focus-visible {
    outline: 3px solid var(--nb-brown);
    outline-offset: 3px;
}

.nb-btn--brown {
    border-color: rgba(97, 46, 3, 0.8);
    background: var(--nb-brown);
    color: var(--nb-white);
}

.nb-btn--brown:focus-visible {
    outline-color: var(--nb-cream);
}

.nb-center {
    display: flex;
    justify-content: center;
}

.nb-branch {
    position: absolute;
    z-index: 0;
    width: min(calc(42vw * var(--nb-scale)), calc(420px * var(--nb-scale)));
    pointer-events: none;
    user-select: none;
}

.nb-branch--left {
    left: -8%;
    top: 8%;
}

.nb-branch--right {
    right: -10%;
    bottom: -6%;
    transform: scaleX(-1);
}

.nb-spark {
    position: absolute;
    width: calc(42px * var(--nb-scale));
    pointer-events: none;
    user-select: none;
}

.nb-hero {
    --nb-hero-scale: calc(0.85 * var(--nb-scale));
    position: relative;
    overflow: hidden;
    padding: clamp(calc(1.25rem * var(--nb-hero-scale)), calc(2.86vw * var(--nb-hero-scale)), calc(55px * var(--nb-hero-scale))) 0 clamp(calc(2.5rem * var(--nb-hero-scale)), calc(5.05vw * var(--nb-hero-scale)), calc(97px * var(--nb-hero-scale)));
    background:
        radial-gradient(ellipse 80% 55% at 50% 0%, rgba(255, 255, 255, 0.08), transparent 58%),
        var(--nb-brown);
    color: var(--nb-white);
    text-align: center;
}

.nb-hero__bg {
    position: absolute;
    z-index: 0;
    left: -8%;
    top: -48%;
    width: 118%;
    height: 210%;
    max-width: none;
    opacity: 0.55;
    pointer-events: none;
    user-select: none;
}

.nb-hero__hand {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    max-width: none;
    pointer-events: none;
    user-select: none;
}

.nb-hero__hand--left {
    left: calc(-6vw * var(--nb-hero-scale));
    object-position: 28% 4%;
}

.nb-hero__hand--right {
    right: calc(-6vw * var(--nb-hero-scale));
    object-position: 55% 4%;
}

.nb-hero__inner {
    position: relative;
    z-index: 2;
    width: min(100% - calc(1.5rem * var(--nb-hero-scale)), calc(1460px * var(--nb-hero-scale)));
    margin-inline: auto;
}

.nb-logo {
    display: block;
    width: clamp(calc(10rem * var(--nb-hero-scale)), calc(21.51vw * var(--nb-hero-scale)), calc(413px * var(--nb-hero-scale)));
    margin: 0 auto clamp(calc(1.25rem * var(--nb-hero-scale)), calc(3.75vw * var(--nb-hero-scale)), calc(72px * var(--nb-hero-scale)));
}

.nb-logo img {
    width: 100%;
    height: auto;
    aspect-ratio: 646 / 138;
}

.nb-hero__content {
    width: min(100%, calc(1460px * var(--nb-hero-scale)));
    margin-inline: auto;
}

.nb-hero h1 {
    margin: 0 auto clamp(calc(0.85rem * var(--nb-hero-scale)), calc(2.71vw * var(--nb-hero-scale)), calc(52px * var(--nb-hero-scale)));
    max-width: min(calc(1127px * var(--nb-hero-scale)), 18em);
    font-family: var(--nb-display);
    font-size: clamp(calc(1.85rem * var(--nb-hero-scale)), calc(3.333vw * var(--nb-hero-scale)), calc(64px * var(--nb-hero-scale)));
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.925;
    text-transform: uppercase;
}

.nb-hero__lead {
    margin: 0 auto clamp(calc(1.75rem * var(--nb-hero-scale)), calc(5.2vw * var(--nb-hero-scale)), calc(100px * var(--nb-hero-scale)));
    max-width: min(calc(570px * var(--nb-hero-scale)), 34em);
    font-family: Roboto, Arial, sans-serif;
    font-size: clamp(calc(1rem * var(--nb-hero-scale)), calc(1.146vw * var(--nb-hero-scale)), calc(22px * var(--nb-hero-scale)));
    font-weight: 400;
    line-height: 1.145;
}

.nb-hero__lead strong {
    font-weight: 700;
}

.nb-pillars {
    display: grid;
    gap: clamp(calc(1.5rem * var(--nb-hero-scale)), calc(2.5vw * var(--nb-hero-scale)), calc(2rem * var(--nb-hero-scale)));
    margin: 0 0 clamp(calc(1.75rem * var(--nb-hero-scale)), calc(5.1vw * var(--nb-hero-scale)), calc(98px * var(--nb-hero-scale)));
    padding: 0;
    list-style: none;
}

.nb-pillars li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nb-pillar__value {
    --pillar-size: clamp(calc(2.75rem * var(--nb-hero-scale)), calc(5.625vw * var(--nb-hero-scale)), calc(108px * var(--nb-hero-scale)));
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: var(--pillar-size);
    min-height: 0;
    font-family: Montserrat, "Arial Black", sans-serif;
    font-style: italic;
    font-weight: 900;
    font-size: var(--pillar-size);
    line-height: 0.85;
    letter-spacing: -0.022em;
    text-transform: uppercase;
}

.nb-pillar__value--card {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(var(--pillar-size) * 1.148);
    line-height: 0.8;
    letter-spacing: 0;
    text-transform: none;
}

.nb-pillar__label {
    display: block;
    margin: clamp(calc(0.65rem * var(--nb-hero-scale)), calc(1.51vw * var(--nb-hero-scale)), calc(29px * var(--nb-hero-scale))) auto clamp(calc(0.4rem * var(--nb-hero-scale)), calc(1.2vw * var(--nb-hero-scale)), calc(20px * var(--nb-hero-scale)));
    max-width: 12em;
    font-family: var(--nb-display);
    font-size: clamp(calc(1.15rem * var(--nb-hero-scale)), calc(1.979vw * var(--nb-hero-scale)), calc(38px * var(--nb-hero-scale)));
    letter-spacing: -0.063em;
    line-height: 1.18;
    text-transform: uppercase;
}

.nb-pillars p {
    margin: 0 auto;
    max-width: 22em;
    color: var(--nb-cream);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(calc(0.95rem * var(--nb-hero-scale)), calc(1.146vw * var(--nb-hero-scale)), calc(22px * var(--nb-hero-scale)));
    line-height: 1.1;
    letter-spacing: -0.022em;
}

.nb-hero__cta {
    width: min(100%, max(calc(16rem * var(--nb-hero-scale)), calc(45.47vw * var(--nb-hero-scale))));
    height: clamp(calc(3.25rem * var(--nb-hero-scale)), calc(4.48vw * var(--nb-hero-scale)), calc(86px * var(--nb-hero-scale)));
    min-height: 0;
    padding: 0 calc(1.25rem * var(--nb-hero-scale));
    border-width: calc(5px * var(--nb-hero-scale));
    font-size: clamp(calc(1rem * var(--nb-hero-scale)), calc(1.865vw * var(--nb-hero-scale)), calc(35.8px * var(--nb-hero-scale)));
    line-height: 1;
    letter-spacing: 0;
}

.nb-how {
    padding-top: calc(3.25rem * var(--nb-scale));
}

.nb-flow {
    position: relative;
    overflow: hidden;
    background: var(--nb-white);
}

.nb-flow__bg {
    position: absolute;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.nb-flow__bg--right {
    top: 36%;
    right: 0;
    bottom: 0;
    width: min(28vw, calc(340px * var(--nb-scale)));
}

.nb-flow__bg--right img {
    position: absolute;
    top: -6%;
    left: -2%;
    width: 360%;
    height: 118%;
    max-width: none;
}

.nb-flow__bg--left {
    top: 0;
    bottom: 8%;
    left: 0;
    width: min(32vw, calc(593px * var(--nb-scale)));
}

.nb-flow__bg--left img {
    position: absolute;
    top: 0;
    left: -171%;
    width: 271%;
    height: 100%;
    max-width: none;
}

@media (max-width: 799px) {
    .nb-flow__bg--right {
        width: 18vw;
    }

    .nb-flow__bg--left {
        width: 22vw;
        bottom: 0;
    }
}

.nb-flow > .nb-section {
    position: relative;
    z-index: 1;
    background: transparent;
}

.nb-how .nb-wrap {
    width: min(100% - calc(2.5rem * var(--nb-scale)), calc(1320px * var(--nb-scale)));
}

.nb-how .nb-title {
    max-width: none;
    margin-bottom: calc(1.35rem * var(--nb-scale));
    font-size: clamp(calc(2.35rem * var(--nb-scale)), calc(4.4vw * var(--nb-scale)), calc(4rem * var(--nb-scale)));
    line-height: 0.92;
}

.nb-how .nb-lead {
    max-width: calc(36rem * var(--nb-scale));
    margin-bottom: calc(3rem * var(--nb-scale));
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.4vw * var(--nb-scale)), calc(1.375rem * var(--nb-scale)));
    line-height: 1.2;
}

.nb-how__cta {
    width: min(100%, calc(54.5rem * var(--nb-scale)));
    margin-top: calc(2.75rem * var(--nb-scale));
    padding: calc(1.15rem * var(--nb-scale)) calc(1.5rem * var(--nb-scale));
    font-size: clamp(calc(1.15rem * var(--nb-scale)), calc(2.1vw * var(--nb-scale)), calc(2rem * var(--nb-scale)));
}

.nb-steps {
    position: relative;
    z-index: 1;
    display: grid;
    gap: calc(2.75rem * var(--nb-scale));
    margin: 0;
    padding: 0;
    list-style: none;
}

.nb-step {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    column-gap: calc(0.45rem * var(--nb-scale));
    align-items: start;
    min-width: 0;
}

.nb-step__mark {
    position: relative;
    grid-column: 3;
    width: calc(172px * var(--nb-scale));
    height: calc(64px * var(--nb-scale));
    margin-bottom: calc(0.85rem * var(--nb-scale));
}

.nb-step__ribbon,
.nb-step__icon {
    max-width: none;
}

.nb-step__ribbon {
    width: calc(172px * var(--nb-scale));
    height: calc(64px * var(--nb-scale));
}

.nb-step__icon {
    position: absolute;
    top: calc(9px * var(--nb-scale));
    left: calc(63px * var(--nb-scale));
    width: calc(46px * var(--nb-scale));
    height: calc(46px * var(--nb-scale));
}

.nb-step__title {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    align-items: baseline;
    margin: 0 0 calc(0.7rem * var(--nb-scale));
    color: var(--nb-ink);
}

.nb-step__index,
.nb-step__dash {
    font-family: var(--nb-body);
    font-style: italic;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1;
    text-transform: none;
    color: var(--nb-ink);
}

.nb-step__index {
    font-size: calc(2.125rem * var(--nb-scale));
}

.nb-step__dash {
    font-size: calc(2.4rem * var(--nb-scale));
    font-weight: 400;
    line-height: 0.85;
}

.nb-step__name {
    min-width: 0;
    font-size: clamp(calc(1.35rem * var(--nb-scale)), calc(1.9vw * var(--nb-scale)), calc(1.75rem * var(--nb-scale)));
    letter-spacing: -0.08em;
    line-height: 1.14;
}

.nb-step__text,
.nb-step__check {
    grid-column: 3;
    align-self: start;
    margin: 0;
    max-width: calc(20rem * var(--nb-scale));
    color: var(--nb-ink);
    font-size: calc(1rem * var(--nb-scale));
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.nb-step__check {
    margin-top: calc(0.85rem * var(--nb-scale));
    font-style: italic;
    font-weight: 500;
}

.nb-fit .nb-wrap {
    width: min(100% - calc(2.5rem * var(--nb-scale)), calc(1342px * var(--nb-scale)));
}

.nb-fit .nb-title {
    max-width: none;
    font-size: clamp(calc(2.1rem * var(--nb-scale)), calc(4vw * var(--nb-scale)), calc(4rem * var(--nb-scale)));
    line-height: 0.95;
}

.nb-fit .nb-lead {
    max-width: calc(1274px * var(--nb-scale));
    margin-bottom: calc(80px * var(--nb-scale));
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.4vw * var(--nb-scale)), calc(1.375rem * var(--nb-scale)));
    line-height: 1.3;
}

.nb-fit__spark {
    display: none;
    left: max(1rem, calc((100% - min(100% - 2.5rem * var(--nb-scale), 1342px * var(--nb-scale))) / 2));
    bottom: 24%;
    width: calc(75px * var(--nb-scale));
}

.nb-fit__cta {
    width: min(100%, calc(54.5rem * var(--nb-scale)));
    padding: calc(1.15rem * var(--nb-scale)) calc(1.5rem * var(--nb-scale));
    font-size: clamp(calc(1.15rem * var(--nb-scale)), calc(2.1vw * var(--nb-scale)), calc(2rem * var(--nb-scale)));
}

.nb-features {
    position: relative;
    z-index: 1;
    display: grid;
    gap: calc(1.75rem * var(--nb-scale));
    margin: 0 0 calc(80px * var(--nb-scale));
}

.nb-feature {
    max-width: none;
}

.nb-feature__title {
    display: flex;
    align-items: center;
    gap: calc(20px * var(--nb-scale));
    margin: 0 0 calc(20px * var(--nb-scale));
    color: var(--nb-ink);
    font-size: clamp(calc(1.25rem * var(--nb-scale)), calc(1.8vw * var(--nb-scale)), calc(1.75rem * var(--nb-scale)));
    letter-spacing: -0.06em;
    line-height: 1.15;
}

.nb-feature__title img {
    width: calc(35px * var(--nb-scale));
    height: calc(35px * var(--nb-scale));
    max-width: none;
    flex: none;
}

.nb-feature p {
    margin: 0;
    color: var(--nb-ink);
    font-size: calc(1rem * var(--nb-scale));
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.nb-prefs {
    background: var(--nb-brown);
    color: var(--nb-white);
}

.nb-prefs .nb-title {
    max-width: 16em;
}

.nb-prefs .nb-lead {
    max-width: calc(46rem * var(--nb-scale));
    margin-bottom: calc(2.75rem * var(--nb-scale));
}

.nb-prefs__layout {
    display: grid;
    gap: calc(2.25rem * var(--nb-scale));
}

.nb-prefs__cta {
    width: min(100%, calc(54.5rem * var(--nb-scale)));
    margin-top: calc(2.75rem * var(--nb-scale));
    border-color: var(--nb-white);
}

.nb-panel {
    padding: calc(1.6rem * var(--nb-scale)) calc(1.15rem * var(--nb-scale)) calc(1.35rem * var(--nb-scale));
    border-radius: 20px;
    background: rgba(227, 214, 197, 0.4);
}

.nb-subtitle {
    margin: 0 0 calc(1.15rem * var(--nb-scale));
    color: var(--nb-white);
    font-family: var(--nb-display);
    font-size: clamp(calc(1.55rem * var(--nb-scale)), calc(2.3vw * var(--nb-scale)), calc(2.6rem * var(--nb-scale)));
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
}

.nb-prefs__aside .nb-subtitle {
    margin-top: calc(1.75rem * var(--nb-scale));
    text-align: left;
}

.nb-prefs__aside .nb-subtitle:first-child {
    margin-top: 0;
}

.nb-grid {
    display: grid;
    gap: calc(0.9rem * var(--nb-scale));
}

.nb-collection {
    display: flex;
    flex-direction: column;
    min-height: calc(11.5rem * var(--nb-scale));
    padding: calc(1.35rem * var(--nb-scale)) calc(1.2rem * var(--nb-scale)) calc(1.15rem * var(--nb-scale));
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    color: var(--nb-white);
}

.nb-collection h3 {
    margin: 0 0 calc(0.45rem * var(--nb-scale));
    font-family: var(--nb-body);
    font-size: clamp(calc(1.2rem * var(--nb-scale)), calc(1.5vw * var(--nb-scale)), calc(1.7rem * var(--nb-scale)));
    font-weight: 400;
    line-height: 1.2;
}

.nb-collection p {
    margin: 0;
    font-size: clamp(calc(1rem * var(--nb-scale)), calc(1.2vw * var(--nb-scale)), calc(1.2rem * var(--nb-scale)));
    line-height: 1.25;
}

.nb-price {
    display: inline-block;
    margin-top: auto;
    padding-top: calc(1rem * var(--nb-scale));
    font-size: calc(1.05rem * var(--nb-scale));
    font-style: italic;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.nb-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: calc(0.6rem * var(--nb-scale));
}

.nb-chips--shapes + .nb-chips--shapes {
    margin-top: calc(0.6rem * var(--nb-scale));
}

.nb-chip {
    padding: calc(0.55rem * var(--nb-scale)) calc(1.35rem * var(--nb-scale));
    border-radius: 10px;
    background: var(--nb-cream);
    color: var(--nb-brown);
    font-size: calc(1.15rem * var(--nb-scale));
    line-height: 1.2;
}

.nb-chips--shapes .nb-chip {
    color: var(--nb-ink);
}

.nb-length {
    display: grid;
    gap: calc(1rem * var(--nb-scale));
}

.nb-length__card {
    padding: calc(1.15rem * var(--nb-scale)) calc(1.25rem * var(--nb-scale)) calc(1.2rem * var(--nb-scale));
    border-radius: 10px;
    background: rgba(227, 214, 197, 0.4);
    color: var(--nb-white);
    text-align: left;
}

.nb-length__card h3 {
    margin: 0 0 calc(0.8rem * var(--nb-scale));
    font-family: var(--nb-body);
    font-size: clamp(calc(1.25rem * var(--nb-scale)), calc(1.6vw * var(--nb-scale)), calc(1.7rem * var(--nb-scale)));
    font-weight: 400;
}

.nb-length__card p {
    margin: calc(0.85rem * var(--nb-scale)) 0 0;
    font-size: calc(1.05rem * var(--nb-scale));
    line-height: 1.3;
}

.nb-plans-section .nb-title {
    max-width: 12.5em;
    font-size: clamp(calc(2.1rem * var(--nb-scale)), calc(4vw * var(--nb-scale)), calc(4rem * var(--nb-scale)));
    line-height: 0.95;
}

.nb-plans-section .nb-lead {
    max-width: calc(46rem * var(--nb-scale));
    margin-bottom: calc(2.75rem * var(--nb-scale));
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.4vw * var(--nb-scale)), calc(1.375rem * var(--nb-scale)));
    line-height: 1.3;
}

.nb-plans__spark {
    display: none;
    width: calc(48px * var(--nb-scale));
    transform: rotate(13deg);
}

.nb-plans__spark--top {
    top: 4%;
    right: 5%;
}

.nb-plans__spark--bottom {
    bottom: 6%;
    left: 4%;
}

.nb-plans {
    display: grid;
    gap: calc(1.25rem * var(--nb-scale));
    align-items: stretch;
}

.nb-plan {
    display: flex;
    flex-direction: column;
    gap: calc(2.4rem * var(--nb-scale));
    min-width: 0;
    padding: calc(1.35rem * var(--nb-scale)) calc(1.25rem * var(--nb-scale)) calc(1.25rem * var(--nb-scale));
    border-radius: 20px;
}

.nb-plan--light {
    background: rgba(227, 214, 197, 0.5);
    color: var(--nb-ink);
}

.nb-plan--dark {
    background: var(--nb-brown);
    color: var(--nb-white);
    padding-inline: 1.6rem;
}

.nb-plan__head {
    display: flex;
    flex-direction: column;
    gap: calc(1.05rem * var(--nb-scale));
}

.nb-badge {
    display: inline-flex;
    width: fit-content;
    padding: calc(0.35rem * var(--nb-scale)) calc(0.7rem * var(--nb-scale));
    border-radius: 999px;
    background: var(--nb-cream);
    color: var(--nb-ink);
    font-size: calc(1rem * var(--nb-scale));
    letter-spacing: -0.03em;
    line-height: 1.25;
}

.nb-plan__title {
    margin: 0;
    max-width: 16ch;
    font-size: clamp(calc(1.35rem * var(--nb-scale)), calc(1.8vw * var(--nb-scale)), calc(1.75rem * var(--nb-scale)));
    letter-spacing: -0.08em;
    line-height: 1.14;
}

.nb-plan__intro {
    margin: calc(0.85rem * var(--nb-scale)) 0 0;
    font-size: calc(1rem * var(--nb-scale));
    font-style: italic;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.nb-checks {
    display: grid;
    gap: calc(1.15rem * var(--nb-scale));
    margin: 0;
    padding: 0;
    list-style: none;
}

.nb-checks li {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: calc(0.55rem * var(--nb-scale));
    align-items: start;
    font-size: calc(1rem * var(--nb-scale));
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.nb-checks strong {
    font-weight: 500;
}

.nb-checks img {
    width: calc(18px * var(--nb-scale));
    height: calc(18px * var(--nb-scale));
    margin-top: calc(0.1rem * var(--nb-scale));
}

.nb-plan .nb-btn {
    width: 100%;
    min-height: calc(3.3rem * var(--nb-scale));
    margin-top: auto;
    padding: calc(0.75rem * var(--nb-scale)) calc(1rem * var(--nb-scale));
    border-width: calc(3px * var(--nb-scale));
    border-radius: 6px;
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.35vw * var(--nb-scale)), calc(1.3rem * var(--nb-scale)));
}

.nb-plan--dark .nb-btn {
    border-color: var(--nb-white);
    background: var(--nb-cream);
    color: var(--nb-ink);
}

.nb-craft-section .nb-wrap {
    width: min(100% - calc(2.5rem * var(--nb-scale)), calc(1514px * var(--nb-scale)));
}

.nb-craft-section .nb-title {
    max-width: calc(1111px * var(--nb-scale));
    margin-bottom: calc(65px * var(--nb-scale));
    font-size: clamp(calc(2.1rem * var(--nb-scale)), calc(4vw * var(--nb-scale)), calc(4rem * var(--nb-scale)));
    line-height: 0.925;
}

.nb-craft-section .nb-lead {
    max-width: calc(984px * var(--nb-scale));
    margin-bottom: calc(65px * var(--nb-scale));
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.4vw * var(--nb-scale)), calc(22px * var(--nb-scale)));
    line-height: 1.15;
}

.nb-craft {
    display: grid;
    gap: calc(1.15rem * var(--nb-scale));
    align-items: start;
}

.nb-craft article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(38px * var(--nb-scale));
    min-width: 0;
    padding: calc(20px * var(--nb-scale)) calc(20px * var(--nb-scale)) calc(20px * var(--nb-scale)) calc(30px * var(--nb-scale));
    border-radius: 10px;
    background: rgba(227, 214, 197, 0.5);
}

.nb-card-title {
    margin: 0;
    color: var(--nb-ink);
    font-family: var(--nb-body);
    font-size: clamp(calc(1.35rem * var(--nb-scale)), calc(2vw * var(--nb-scale)), calc(32px * var(--nb-scale)));
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: none;
}

.nb-craft p {
    margin: 0;
    font-size: clamp(calc(1rem * var(--nb-scale)), calc(1.35vw * var(--nb-scale)), calc(22px * var(--nb-scale)));
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.nb-looks .nb-title {
    max-width: 14em;
    font-size: clamp(calc(2.1rem * var(--nb-scale)), calc(4vw * var(--nb-scale)), calc(4rem * var(--nb-scale)));
    line-height: 0.95;
}

.nb-looks .nb-lead {
    max-width: calc(46rem * var(--nb-scale));
    margin-bottom: calc(2.5rem * var(--nb-scale));
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.4vw * var(--nb-scale)), calc(1.375rem * var(--nb-scale)));
    line-height: 1.3;
}

.nb-gallery {
    --nb-gallery-inset: max(calc(1.25rem * var(--nb-scale)), calc((100% - var(--nb-wide)) / 2));
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: min(calc(72vw * var(--nb-scale)), calc(400px * var(--nb-scale)));
    gap: calc(16px * var(--nb-scale));
    margin: 0;
    padding: 0 var(--nb-gallery-inset) calc(0.4rem * var(--nb-scale));
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--nb-gallery-inset);
    scrollbar-width: none;
}

.nb-gallery::-webkit-scrollbar {
    display: none;
}

.nb-look {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    aspect-ratio: 400 / 570;
    margin: 0;
    overflow: hidden;
    border-radius: calc(20px * var(--nb-scale));
    background: var(--nb-cream);
    scroll-snap-align: start;
}

.nb-look--photo {
    position: relative;
}

.nb-look--photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.nb-look--quote {
    padding: calc(30px * var(--nb-scale));
    color: var(--nb-brown);
    text-align: center;
}

.nb-look__stars {
    margin: 0 0 calc(30px * var(--nb-scale));
    color: #c4a35a;
    font-size: calc(22px * var(--nb-scale));
    letter-spacing: 0.18em;
    line-height: 1;
}

.nb-look__quote {
    margin: 0;
}

.nb-look__quote p {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(20px * var(--nb-scale));
    line-height: 1.5;
}

.nb-look__quote em {
    font-style: normal;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.nb-look__name {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(18px * var(--nb-scale));
    line-height: 1.3;
}

.nb-gallery__nav {
    display: flex;
    justify-content: center;
    gap: calc(0.6rem * var(--nb-scale));
    margin-top: calc(1rem * var(--nb-scale));
}

.nb-gallery__nav button {
    width: calc(2.6rem * var(--nb-scale));
    height: calc(2.6rem * var(--nb-scale));
    border: 0;
    border-radius: 999px;
    background: var(--nb-brown);
    color: var(--nb-white);
    font-size: calc(1.2rem * var(--nb-scale));
    cursor: pointer;
}

.nb-gallery__nav button:focus-visible {
    outline: 3px solid var(--nb-cream);
    outline-offset: 2px;
}

.nb-gallery__nav button:disabled {
    opacity: 0.35;
    cursor: default;
    transform: none;
}

.nb-faq-section .nb-wrap {
    width: min(100% - calc(2.5rem * var(--nb-scale)), calc(1261px * var(--nb-scale)));
}

.nb-faq-section .nb-title {
    max-width: calc(1111px * var(--nb-scale));
    margin-bottom: calc(71px * var(--nb-scale));
    font-size: clamp(calc(2.1rem * var(--nb-scale)), calc(4vw * var(--nb-scale)), calc(4rem * var(--nb-scale)));
    line-height: 0.925;
}

.nb-faq-section .nb-lead {
    max-width: calc(984px * var(--nb-scale));
    margin-bottom: calc(71px * var(--nb-scale));
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.4vw * var(--nb-scale)), calc(22px * var(--nb-scale)));
    line-height: 1.15;
}

.nb-faq__spark {
    display: none;
    top: 58%;
    right: 2%;
    width: calc(75px * var(--nb-scale));
    transform: rotate(13deg);
}

.nb-faq {
    display: grid;
    gap: calc(29px * var(--nb-scale));
}

.nb-faq article {
    display: flex;
    flex-direction: column;
    gap: calc(25px * var(--nb-scale));
    padding: calc(20px * var(--nb-scale)) calc(1.35rem * var(--nb-scale));
    border-radius: 10px;
    background: rgba(227, 214, 197, 0.5);
}

.nb-faq__q {
    margin: 0;
    color: var(--nb-ink);
    font-size: clamp(calc(1.2rem * var(--nb-scale)), calc(1.8vw * var(--nb-scale)), calc(28px * var(--nb-scale)));
    letter-spacing: calc(-2.4px * var(--nb-scale));
    line-height: 1.14;
}

.nb-faq p {
    margin: 0;
    font-size: calc(16px * var(--nb-scale));
    letter-spacing: calc(-0.48px * var(--nb-scale));
    line-height: 1.25;
}

.nb-close-section {
    position: relative;
    background: var(--nb-brown);
    overflow: hidden;
    padding: calc(4rem * var(--nb-scale)) 0 calc(2.75rem * var(--nb-scale));
}

.nb-close {
    display: block;
}

.nb-close__copy {
    position: relative;
    z-index: 1;
    max-width: calc(42rem * var(--nb-scale));
    color: var(--nb-white);
}

.nb-close h2 {
    margin: 0 0 calc(1.1rem * var(--nb-scale));
    max-width: 11em;
    font-family: var(--nb-display);
    font-size: clamp(calc(2.4rem * var(--nb-scale)), calc(4.2vw * var(--nb-scale)), calc(4rem * var(--nb-scale)));
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 0.95;
    text-align: left;
    text-transform: uppercase;
}

.nb-close p {
    margin: 0 0 calc(1.6rem * var(--nb-scale));
    max-width: calc(40rem * var(--nb-scale));
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.45vw * var(--nb-scale)), calc(1.375rem * var(--nb-scale)));
    line-height: 1.35;
}

.nb-tags {
    display: flex;
    flex-wrap: wrap;
    gap: calc(0.7rem * var(--nb-scale)) calc(1.35rem * var(--nb-scale));
    margin-bottom: calc(1.75rem * var(--nb-scale));
}

.nb-tags span {
    padding: calc(0.45rem * var(--nb-scale)) calc(1.15rem * var(--nb-scale));
    border-radius: 999px;
    background: rgba(227, 214, 197, 0.5);
    color: var(--nb-white);
    font-size: clamp(calc(1.05rem * var(--nb-scale)), calc(1.5vw * var(--nb-scale)), calc(1.35rem * var(--nb-scale)));
    line-height: 1.15;
    white-space: nowrap;
}

.nb-close__cta {
    width: min(100%, calc(42rem * var(--nb-scale)));
    min-height: calc(4.6rem * var(--nb-scale));
    padding: calc(1.15rem * var(--nb-scale)) calc(1.5rem * var(--nb-scale));
    border-width: calc(5px * var(--nb-scale));
    font-size: clamp(calc(1.25rem * var(--nb-scale)), calc(2.2vw * var(--nb-scale)), calc(2.15rem * var(--nb-scale)));
}

.nb-close__visual {
    position: relative;
    z-index: 0;
    margin-top: calc(1.25rem * var(--nb-scale));
    pointer-events: none;
}

.nb-close__visual img {
    width: min(100%, calc(440px * var(--nb-scale)));
    margin-inline: auto;
    transform: rotate(3.3deg);
}

@media (min-width: 800px) {
    .nb-hero__hand {
        display: block;
        top: auto;
        bottom: -7%;
        width: calc(62vw * var(--nb-hero-scale));
        height: auto;
        object-fit: cover;
    }

    .nb-hero__hand--left { left: calc(-22vw * var(--nb-hero-scale)); }
    .nb-hero__hand--right { right: calc(-22vw * var(--nb-hero-scale)); }

    .nb-hero__inner {
        width: min(calc(76vw * var(--nb-hero-scale)), calc(1460px * var(--nb-hero-scale)));
    }

    .nb-hero h1 {
        max-width: min(calc(1127px * var(--nb-hero-scale)), calc(60vw * var(--nb-hero-scale)));
    }

    .nb-hero .nb-pillars {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: start;
        gap: clamp(calc(1rem * var(--nb-hero-scale)), calc(1.5vw * var(--nb-hero-scale)), calc(29px * var(--nb-hero-scale))) clamp(calc(0.75rem * var(--nb-hero-scale)), calc(1.5vw * var(--nb-hero-scale)), calc(2rem * var(--nb-hero-scale)));
    }

    .nb-pillar__label,
    .nb-pillars p {
        max-width: 100%;
    }
}

@media (min-width: 720px) {
    .nb-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (min-width: 980px) {
    .nb-section {
        padding: calc(5.5rem * var(--nb-scale)) 0;
    }

    .nb-pillars {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: start;
    }

    .nb-craft {
        grid-template-columns: minmax(0, 461fr) minmax(0, 435fr) minmax(0, 448fr);
        gap: calc(75px * var(--nb-scale));
    }

    .nb-craft article:nth-child(1) {
        min-height: calc(307px * var(--nb-scale));
    }

    .nb-craft article:nth-child(2) {
        min-height: calc(313px * var(--nb-scale));
    }

    .nb-craft article:nth-child(3) {
        min-height: calc(284px * var(--nb-scale));
    }

    .nb-how {
        padding-top: calc(4.25rem * var(--nb-scale));
    }

    .nb-features {
        gap: calc(73px * var(--nb-scale));
    }

    .nb-feature {
        width: 54%;
    }

    .nb-feature:nth-child(2) {
        margin-left: 22%;
    }

    .nb-feature:nth-child(3) {
        margin-left: 46%;
    }

    .nb-fit__spark,
    .nb-plans__spark,
    .nb-faq__spark {
        display: block;
    }

    .nb-faq article {
        padding: calc(20px * var(--nb-scale)) calc(40px * var(--nb-scale));
    }

    .nb-plans {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(2.75rem * var(--nb-scale));
    }

    .nb-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        gap: calc(1.5rem * var(--nb-scale)) calc(1.25rem * var(--nb-scale));
    }

    .nb-prefs__layout {
        grid-template-columns: minmax(0, 1.3fr) minmax(16rem, 0.9fr);
        gap: calc(1.5rem * var(--nb-scale)) calc(1.75rem * var(--nb-scale));
        align-items: start;
    }

    .nb-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nb-close-section {
        min-height: calc(40rem * var(--nb-scale));
        padding: calc(5.25rem * var(--nb-scale)) 0 calc(4.5rem * var(--nb-scale));
    }

    .nb-close__copy {
        max-width: calc(46rem * var(--nb-scale));
    }

    .nb-close h2 {
        max-width: none;
        font-size: calc(3rem * var(--nb-scale));
    }

    .nb-tags {
        flex-wrap: nowrap;
        gap: calc(1.15rem * var(--nb-scale));
    }

    .nb-tags span {
        padding: calc(0.4rem * var(--nb-scale)) calc(1.15rem * var(--nb-scale));
        font-size: calc(1.35rem * var(--nb-scale));
    }

    .nb-close__visual {
        position: absolute;
        top: 54%;
        right: -3%;
        width: min(calc(52vw * var(--nb-scale)), calc(680px * var(--nb-scale)));
        margin: 0;
        transform: translateY(-50%);
    }

    .nb-close__visual img {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .nb-pillars {
        align-items: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .nb-btn {
        transition: none;
    }
}

html.nb-motion {
    --nb-pace: 1.5;
}

@keyframes nb-rise {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

@keyframes nb-draw {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes nb-pop {
    from { opacity: 0; transform: scale(0.4); }
    to { opacity: 1; transform: none; }
}

@keyframes nb-hand {
    from { opacity: 0; transform: translateY(28%); }
    to { opacity: 1; transform: none; }
}

@keyframes nb-settle {
    from { opacity: 0; transform: translateY(28px) rotate(3.3deg); }
    to { opacity: 1; transform: rotate(3.3deg); }
}

@keyframes nb-twinkle {
    0% { opacity: 0.2; transform: scale(0.6) rotate(8deg); }
    45% { opacity: 1; transform: scale(1.12) rotate(-6deg); }
    100% { opacity: 1; transform: none; }
}

@keyframes nb-line {
    to { background-size: 100% 1px; }
}

html.nb-motion .nb-hero .nb-logo,
html.nb-motion .nb-hero h1,
html.nb-motion .nb-hero__lead,
html.nb-motion .nb-pillars li,
html.nb-motion .nb-hero__cta,
html.nb-motion .nb-how .nb-title,
html.nb-motion .nb-how .nb-lead,
html.nb-motion .nb-how .nb-step,
html.nb-motion .nb-how__cta,
html.nb-motion .nb-fit .nb-title,
html.nb-motion .nb-fit .nb-lead,
html.nb-motion .nb-fit .nb-feature,
html.nb-motion .nb-fit__cta,
html.nb-motion .nb-prefs .nb-title,
html.nb-motion .nb-prefs .nb-lead,
html.nb-motion .nb-prefs .nb-collection,
html.nb-motion .nb-prefs .nb-length__card,
html.nb-motion .nb-prefs .nb-chips--shapes,
html.nb-motion .nb-prefs__cta,
html.nb-motion .nb-plans-section .nb-title,
html.nb-motion .nb-plans-section .nb-lead,
html.nb-motion .nb-plan,
html.nb-motion .nb-craft-section .nb-title,
html.nb-motion .nb-craft-section .nb-lead,
html.nb-motion .nb-craft article,
html.nb-motion .nb-looks .nb-title,
html.nb-motion .nb-looks .nb-lead,
html.nb-motion .nb-faq-section .nb-title,
html.nb-motion .nb-faq-section .nb-lead,
html.nb-motion .nb-faq article,
html.nb-motion .nb-close h2,
html.nb-motion .nb-close__copy > p,
html.nb-motion .nb-tags span,
html.nb-motion .nb-close__cta {
    opacity: 0;
    transform: translateY(12px);
}

html.nb-motion .nb-step__ribbon {
    transform: scaleX(0);
    transform-origin: left center;
}

html.nb-motion .nb-step__check,
html.nb-motion .nb-plan .nb-checks li,
html.nb-motion .nb-plan--dark .nb-badge,
html.nb-motion .nb-look__stars span {
    opacity: 0;
}

html.nb-motion .nb-feature__title img {
    transform: scale(0.4);
}

html.nb-motion .nb-hero__hand {
    opacity: 0;
    transform: translateY(28%);
}

html.nb-motion .nb-close__visual img {
    opacity: 0;
    transform: translateY(28px) rotate(3.3deg);
}

html.nb-motion .nb-look__quote em {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
}

html.nb-motion .is-in .nb-logo,
html.nb-motion .is-in h1,
html.nb-motion .is-in .nb-hero__lead,
html.nb-motion .is-in .nb-pillars li,
html.nb-motion .is-in .nb-title,
html.nb-motion .is-in .nb-lead,
html.nb-motion .is-in .nb-step,
html.nb-motion .is-in .nb-feature,
html.nb-motion .is-in .nb-collection,
html.nb-motion .is-in .nb-length__card,
html.nb-motion .is-in .nb-chips--shapes,
html.nb-motion .is-in .nb-plan,
html.nb-motion .is-in .nb-craft article,
html.nb-motion .is-in .nb-faq article,
html.nb-motion .is-in .nb-close h2,
html.nb-motion .is-in .nb-close__copy > p,
html.nb-motion .is-in .nb-tags span,
html.nb-motion .is-in .nb-btn {
    animation-name: nb-rise;
    animation-duration: calc(0.55s * var(--nb-pace));
    animation-timing-function: cubic-bezier(0.22, 0.7, 0.2, 1);
    animation-fill-mode: both;
}

html.nb-motion .nb-hero.is-in .nb-logo { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-hero.is-in h1 { animation-delay: calc(0.12s * var(--nb-pace)); }
html.nb-motion .nb-hero.is-in .nb-hero__lead { animation-delay: calc(0.24s * var(--nb-pace)); }
html.nb-motion .nb-hero.is-in .nb-pillars li:nth-child(1) { animation-delay: calc(0.36s * var(--nb-pace)); }
html.nb-motion .nb-hero.is-in .nb-pillars li:nth-child(2) { animation-delay: calc(0.48s * var(--nb-pace)); }
html.nb-motion .nb-hero.is-in .nb-pillars li:nth-child(3) { animation-delay: calc(0.6s * var(--nb-pace)); }
html.nb-motion .nb-hero.is-in .nb-hero__cta { animation-delay: calc(0.78s * var(--nb-pace)); }

html.nb-motion .nb-hero.is-in .nb-hero__hand {
    animation: nb-hand calc(0.95s * var(--nb-pace)) cubic-bezier(0.22, 0.7, 0.2, 1) calc(0.15s * var(--nb-pace)) both;
}

html.nb-motion .nb-hero.is-in .nb-hero__hand--right {
    animation-delay: calc(0.28s * var(--nb-pace));
}

html.nb-motion .nb-how.is-in .nb-title { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-lead { animation-delay: calc(0.1s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-step:nth-child(1) { animation-delay: calc(0.2s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-step:nth-child(2) { animation-delay: calc(0.4s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-step:nth-child(3) { animation-delay: calc(0.6s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-how__cta { animation-delay: calc(1.15s * var(--nb-pace)); }

html.nb-motion .nb-how.is-in .nb-step__ribbon {
    animation: nb-draw calc(0.45s * var(--nb-pace)) ease both;
}

html.nb-motion .nb-how.is-in .nb-step:nth-child(1) .nb-step__ribbon { animation-delay: calc(0.32s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-step:nth-child(2) .nb-step__ribbon { animation-delay: calc(0.52s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-step:nth-child(3) .nb-step__ribbon { animation-delay: calc(0.72s * var(--nb-pace)); }

html.nb-motion .nb-how.is-in .nb-step__check {
    animation: nb-rise calc(0.45s * var(--nb-pace)) cubic-bezier(0.22, 0.7, 0.2, 1) both;
}

html.nb-motion .nb-how.is-in .nb-step:nth-child(1) .nb-step__check { animation-delay: calc(0.55s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-step:nth-child(2) .nb-step__check { animation-delay: calc(0.75s * var(--nb-pace)); }
html.nb-motion .nb-how.is-in .nb-step:nth-child(3) .nb-step__check { animation-delay: calc(0.95s * var(--nb-pace)); }

html.nb-motion .nb-fit.is-in .nb-title { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-fit.is-in .nb-lead { animation-delay: calc(0.1s * var(--nb-pace)); }
html.nb-motion .nb-fit.is-in .nb-feature:nth-child(1) { animation-delay: calc(0.22s * var(--nb-pace)); }
html.nb-motion .nb-fit.is-in .nb-feature:nth-child(2) { animation-delay: calc(0.36s * var(--nb-pace)); }
html.nb-motion .nb-fit.is-in .nb-feature:nth-child(3) { animation-delay: calc(0.5s * var(--nb-pace)); }
html.nb-motion .nb-fit.is-in .nb-fit__cta { animation-delay: calc(0.9s * var(--nb-pace)); }

html.nb-motion .nb-fit.is-in .nb-feature__title img {
    animation: nb-pop calc(0.4s * var(--nb-pace)) cubic-bezier(0.2, 1.3, 0.4, 1) both;
}

html.nb-motion .nb-fit.is-in .nb-feature:nth-child(1) .nb-feature__title img { animation-delay: calc(0.42s * var(--nb-pace)); }
html.nb-motion .nb-fit.is-in .nb-feature:nth-child(2) .nb-feature__title img { animation-delay: calc(0.56s * var(--nb-pace)); }
html.nb-motion .nb-fit.is-in .nb-feature:nth-child(3) .nb-feature__title img { animation-delay: calc(0.7s * var(--nb-pace)); }

html.nb-motion .nb-fit.is-in .nb-fit__spark {
    animation: nb-twinkle calc(0.9s * var(--nb-pace)) ease calc(0.2s * var(--nb-pace)) both;
}

html.nb-motion .nb-prefs.is-in .nb-title { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-prefs.is-in .nb-lead { animation-delay: calc(0.1s * var(--nb-pace)); }
html.nb-motion .nb-prefs.is-in .nb-collection { animation-delay: calc(calc(0.2s * var(--nb-pace)) + (var(--i) * calc(0.06s * var(--nb-pace)))); }
html.nb-motion .nb-collection:nth-child(1) { --i: 0; }
html.nb-motion .nb-collection:nth-child(2) { --i: 1; }
html.nb-motion .nb-collection:nth-child(3) { --i: 2; }
html.nb-motion .nb-collection:nth-child(4) { --i: 3; }
html.nb-motion .nb-collection:nth-child(5) { --i: 4; }
html.nb-motion .nb-collection:nth-child(6) { --i: 5; }
html.nb-motion .nb-prefs.is-in .nb-length__card:nth-child(1) { animation-delay: calc(0.58s * var(--nb-pace)); }
html.nb-motion .nb-prefs.is-in .nb-length__card:nth-child(2) { animation-delay: calc(0.7s * var(--nb-pace)); }
html.nb-motion .nb-prefs.is-in .nb-prefs__aside .nb-chips--shapes:nth-child(4) { animation-delay: calc(0.84s * var(--nb-pace)); }
html.nb-motion .nb-prefs.is-in .nb-prefs__aside .nb-chips--shapes:nth-child(5) { animation-delay: calc(0.96s * var(--nb-pace)); }
html.nb-motion .nb-prefs.is-in .nb-prefs__cta { animation-delay: calc(1.12s * var(--nb-pace)); }

html.nb-motion .nb-collection,
html.nb-motion .nb-chip {
    transition: background-color calc(0.35s * var(--nb-pace)) ease, color calc(0.35s * var(--nb-pace)) ease, box-shadow calc(0.35s * var(--nb-pace)) ease;
}

html.nb-motion .nb-collection.is-picked {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 0 2px #fff;
}

html.nb-motion .nb-chip.is-picked {
    background: var(--nb-brown);
    color: var(--nb-white);
}

html.nb-motion .nb-plans-section.is-in .nb-title { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-lead { animation-delay: calc(0.1s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--light { animation-delay: calc(0.2s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--dark { animation-delay: calc(0.4s * var(--nb-pace)); }

html.nb-motion .nb-plans-section.is-in .nb-checks li {
    animation: nb-rise calc(0.4s * var(--nb-pace)) cubic-bezier(0.22, 0.7, 0.2, 1) both;
}

html.nb-motion .nb-plans-section.is-in .nb-plan--light .nb-checks li:nth-child(1) { animation-delay: calc(0.5s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--light .nb-checks li:nth-child(2) { animation-delay: calc(0.58s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--light .nb-checks li:nth-child(3) { animation-delay: calc(0.66s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--light .nb-checks li:nth-child(4) { animation-delay: calc(0.74s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--dark .nb-checks li:nth-child(1) { animation-delay: calc(0.72s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--dark .nb-checks li:nth-child(2) { animation-delay: calc(0.8s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--dark .nb-checks li:nth-child(3) { animation-delay: calc(0.88s * var(--nb-pace)); }
html.nb-motion .nb-plans-section.is-in .nb-plan--dark .nb-checks li:nth-child(4) { animation-delay: calc(0.96s * var(--nb-pace)); }

html.nb-motion .nb-plans-section.is-in .nb-plan--dark .nb-badge {
    animation: nb-pop calc(0.45s * var(--nb-pace)) cubic-bezier(0.2, 1.2, 0.4, 1) calc(0.95s * var(--nb-pace)) both;
}

html.nb-motion .nb-craft-section.is-in .nb-title { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-craft-section.is-in .nb-lead { animation-delay: calc(0.12s * var(--nb-pace)); }
html.nb-motion .nb-craft-section.is-in .nb-craft article {
    animation-duration: calc(0.8s * var(--nb-pace));
}
html.nb-motion .nb-craft-section.is-in .nb-craft article:nth-child(1) { animation-delay: calc(0.24s * var(--nb-pace)); }
html.nb-motion .nb-craft-section.is-in .nb-craft article:nth-child(2) { animation-delay: calc(0.42s * var(--nb-pace)); }
html.nb-motion .nb-craft-section.is-in .nb-craft article:nth-child(3) { animation-delay: calc(0.6s * var(--nb-pace)); }

html.nb-motion .nb-looks.is-in .nb-title { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-looks.is-in .nb-lead { animation-delay: calc(0.1s * var(--nb-pace)); }

html.nb-motion .nb-looks.is-in .nb-look__stars span {
    display: inline-block;
    animation: nb-pop calc(0.35s * var(--nb-pace)) cubic-bezier(0.2, 1.2, 0.4, 1) both;
}

html.nb-motion .nb-looks.is-in .nb-look__stars span:nth-child(1) { animation-delay: calc(0.16s * var(--nb-pace)); }
html.nb-motion .nb-looks.is-in .nb-look__stars span:nth-child(2) { animation-delay: calc(0.24s * var(--nb-pace)); }
html.nb-motion .nb-looks.is-in .nb-look__stars span:nth-child(3) { animation-delay: calc(0.32s * var(--nb-pace)); }
html.nb-motion .nb-looks.is-in .nb-look__stars span:nth-child(4) { animation-delay: calc(0.4s * var(--nb-pace)); }
html.nb-motion .nb-looks.is-in .nb-look__stars span:nth-child(5) { animation-delay: calc(0.48s * var(--nb-pace)); }

html.nb-motion .nb-looks.is-in .nb-look__quote em {
    animation: nb-line calc(0.5s * var(--nb-pace)) ease calc(0.45s * var(--nb-pace)) forwards;
}

html.nb-motion .nb-faq-section.is-in .nb-title { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-faq-section.is-in .nb-lead { animation-delay: calc(0.1s * var(--nb-pace)); }
html.nb-motion .nb-faq-section.is-in .nb-faq article:nth-child(1) { animation-delay: calc(0.22s * var(--nb-pace)); }
html.nb-motion .nb-faq-section.is-in .nb-faq article:nth-child(2) { animation-delay: calc(0.34s * var(--nb-pace)); }
html.nb-motion .nb-faq-section.is-in .nb-faq article:nth-child(3) { animation-delay: calc(0.46s * var(--nb-pace)); }
html.nb-motion .nb-faq-section.is-in .nb-faq article:nth-child(4) { animation-delay: calc(0.58s * var(--nb-pace)); }

html.nb-motion .nb-close-section.is-in h2 { animation-delay: calc(0s * var(--nb-pace)); }
html.nb-motion .nb-close-section.is-in .nb-close__copy > p { animation-delay: calc(0.12s * var(--nb-pace)); }
html.nb-motion .nb-close-section.is-in .nb-tags span:nth-child(1) { animation-delay: calc(0.28s * var(--nb-pace)); }
html.nb-motion .nb-close-section.is-in .nb-tags span:nth-child(2) { animation-delay: calc(0.4s * var(--nb-pace)); }
html.nb-motion .nb-close-section.is-in .nb-tags span:nth-child(3) { animation-delay: calc(0.52s * var(--nb-pace)); }
html.nb-motion .nb-close-section.is-in .nb-close__cta { animation-delay: calc(0.7s * var(--nb-pace)); }

html.nb-motion .nb-close-section.is-in .nb-close__visual img {
    animation: nb-settle calc(0.85s * var(--nb-pace)) cubic-bezier(0.22, 0.7, 0.2, 1) calc(0.15s * var(--nb-pace)) both;
}

html.nb-motion .nb-btn.is-settled {
    opacity: 1;
    transform: none;
    animation: none;
}

html.nb-motion .nb-btn.is-settled:hover {
    transform: translateY(-2px);
}