body.cc-nocturne-landing {
    margin: 0;
    background: #090a12;
}

#creatorcraft-next {
    --n-bg: #090a12;
    --n-panel: #121422;
    --n-line: #2a2b40;
    --n-text: #edeaf4;
    --n-muted: #b2b5c9;
    --n-accent: #a094e0;
    --n-bright: #e4ddff;
    --n-logo: url("../images/creatorcraft-logo.webp");
    --n-dash: url("../images/creatorcraft-dashboard-example.webp");
    --n-motion: running;
    color: var(--n-text);
    font:
        400 14px/1.7 Inter,
        system-ui,
        sans-serif;
    color-scheme: dark;
    background: var(--n-bg);
    isolation: isolate;
    position: relative;
}
#creatorcraft-next * {
    box-sizing: border-box;
}
#creatorcraft-next h1,
#creatorcraft-next h2,
#creatorcraft-next h3,
#creatorcraft-next p {
    margin: 0;
}
#creatorcraft-next a {
    color: inherit;
    text-decoration: none;
}
#creatorcraft-next button,
#creatorcraft-next input,
#creatorcraft-next select {
    font: inherit;
}
#creatorcraft-next button,
#creatorcraft-next a {
    touch-action: manipulation;
}
#creatorcraft-next [hidden] {
    display: none !important;
}
#creatorcraft-next :focus-visible {
    outline: 2px solid var(--n-bright);
    outline-offset: 5px;
}
#creatorcraft-next .n-shell {
    position: relative;
    overflow: clip;
    background:
        radial-gradient(
            ellipse 95% 820px at 50% -2%,
            #31346a 0,
            #1b1e43 31%,
            #0d1023 65%,
            transparent
        ),
        radial-gradient(1.5px 1.5px at 12% 18%, #efedf4 90%, transparent),
        radial-gradient(1px 1px at 34% 62%, #abacc1 90%, transparent),
        radial-gradient(1.6px 1.6px at 58% 26%, #d6d1ed 90%, transparent),
        radial-gradient(1px 1px at 76% 71%, #9392a8 90%, transparent),
        radial-gradient(1.4px 1.4px at 88% 34%, #ada1da 90%, transparent),
        radial-gradient(1px 1px at 22% 88%, #c4c0d4 90%, transparent),
        var(--n-bg);
    background-size:
        auto,
        640px 640px,
        640px 640px,
        640px 640px,
        640px 640px,
        640px 640px,
        640px 640px,
        auto;
}
#creatorcraft-next .n-shell:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background: repeating-linear-gradient(
        0deg,
        #efedf403 0 1px,
        transparent 1px 3px
    );
}
#creatorcraft-next .n-wrap {
    position: relative;
    width: min(1180px, calc(100% - 64px));
    margin: auto;
}
#creatorcraft-next .n-nav-shell {
    position: sticky;
    top: 0;
    z-index: 20;
    background: linear-gradient(#0b0d1bbd, #10112473);
    backdrop-filter: blur(14px);
}
#creatorcraft-next .n-nav {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 30px;
    height: 82px;
    border-bottom: 1px solid #c1b7ef12;
}
#creatorcraft-next .n-logo {
    display: block;
    flex: none;
    width: 116px;
    height: 38px;
    background: var(--n-logo) center/contain no-repeat;
}
#creatorcraft-next .n-nav-links {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex: 1;
    font-size: 12px;
    color: #c4c3d7;
}
#creatorcraft-next .n-nav-right {
    display: flex;
    gap: 22px;
    align-items: center;
    font-size: 12px;
}
#creatorcraft-next .n-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 44px;
    padding: 11px 21px;
    border-radius: 7px;
    border: 1px solid #77699b80;
    background: transparent;
    color: var(--n-text);
    font-size: 12px;
    line-height: 1.4;
    cursor: pointer;
    position: relative;
    transition:
        background 0.2s,
        transform 0.2s,
        box-shadow 0.2s;
    white-space: normal;
    text-align: center;
}
#creatorcraft-next .n-button:hover {
    transform: translateY(-2px);
    background: #d0c3ff0c;
    box-shadow: 0 5px 24px #a398db12;
}
#creatorcraft-next .n-button.n-primary {
    background: var(--n-bright);
    color: #20182e;
    border-color: var(--n-bright);
    box-shadow: 0 0 35px #c3b8f820;
}
#creatorcraft-next .n-button.n-primary:hover {
    background: #f1ecff;
}
#creatorcraft-next .n-nav .n-button {
    min-height: 34px;
    padding: 8px 15px;
    font-size: 11px;
}
#creatorcraft-next .n-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #cec6eb;
}
#creatorcraft-next .n-eyebrow:before {
    content: "";
    width: 5px;
    height: 5px;
    flex: none;
    border-radius: 50%;
    background: var(--n-accent);
    box-shadow: 0 0 12px #b9a9f0a0;
}
#creatorcraft-next .n-hero {
    position: relative;
    text-align: center;
    padding: 95px 0 0;
}
#creatorcraft-next .n-hero .n-eyebrow {
    justify-content: center;
}
#creatorcraft-next .n-hero-copy {
    position: relative;
    z-index: 2;
}
#creatorcraft-next .n-hero h1 {
    font:
        400 clamp(52px, 7.7vw, 108px)/0.99 "Instrument Serif",
        Georgia,
        serif;
    letter-spacing: -0.025em;
    margin: 25px auto 24px;
    max-width: 1000px;
    text-wrap: balance;
}
#creatorcraft-next em {
    font-style: italic;
    font-weight: 400;
    color: var(--n-accent);
}
#creatorcraft-next .n-hero > div p {
    max-width: 655px;
    margin: auto;
    color: #c0bfd2;
    font-size: 14px;
    line-height: 1.8;
}
#creatorcraft-next .n-actions {
    display: flex;
    justify-content: center;
    gap: 13px;
    flex-wrap: wrap;
    margin-top: 28px;
}
#creatorcraft-next .n-hero .n-tiny {
    font-size: 10px;
    color: #a6a5bd;
    margin-top: 14px;
}
#creatorcraft-next .n-glow {
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: -175px;
    width: 1240px;
    height: 720px;
    margin-left: -620px;
    border-radius: 50%;
    background: radial-gradient(
        50% 50% at 50% 50%,
        #d8d1ff9e,
        #9a8cff80 26%,
        #5650be57 52%,
        transparent 74%
    );
    filter: blur(26px);
    animation: n-drift 22s ease-in-out infinite;
    animation-play-state: var(--n-motion);
}
#creatorcraft-next .n-glow:after {
    content: "";
    position: absolute;
    inset: 110px 280px 120px;
    border-radius: 50%;
    background: radial-gradient(
        ellipse,
        #fffaff70,
        #baafff3f 40%,
        transparent 70%
    );
    filter: blur(15px);
}
#creatorcraft-next .n-shoot {
    position: absolute;
    left: 7%;
    top: 12%;
    width: 56px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #ebe9f423, #fff);
    box-shadow: 0 0 6px #c7c1ff99;
    transform-origin: 100% 50%;
    animation: n-shoot 21s linear infinite;
    animation-play-state: var(--n-motion);
}
#creatorcraft-next .n-shoot.two {
    left: 61%;
    top: 23%;
    width: 44px;
    animation-delay: 8s;
    animation-duration: 29s;
}
#creatorcraft-next .n-capabilities {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    max-width: 860px;
    margin: 35px auto 0;
    position: relative;
    z-index: 2;
}
#creatorcraft-next .n-capabilities button {
    padding: 6px 12px;
    border-radius: 99px;
    border: 1px solid #b4a9e62a;
    background: #17182a99;
    color: #c6c5d9;
    font-size: 10px;
    line-height: 1.5;
    cursor: pointer;
    transition:
        background 0.2s,
        border-color 0.2s;
}
#creatorcraft-next .n-capabilities button:hover {
    border-color: #b6a7e9;
    background: #40365a70;
}
#creatorcraft-next .n-hero-product {
    position: relative;
    max-width: 1000px;
    margin: 67px auto 0;
    padding-bottom: 104px;
    perspective: 2400px;
}
#creatorcraft-next .n-product-light {
    position: absolute;
    inset: 0 0 50px;
    background: radial-gradient(ellipse at 50% 10%, #9184d945, transparent 70%);
    filter: blur(42px);
    pointer-events: none;
}
#creatorcraft-next .n-product-tilt {
    transform: rotateX(11deg) rotateY(0) scale(0.97);
    transform-origin: 50% 0;
    transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.25, 1);
    will-change: transform;
}
#creatorcraft-next .n-browser {
    position: relative;
    overflow: hidden;
    border-radius: 13px;
    background: var(--n-panel);
    box-shadow:
        0 0 0 1px #3a3b51,
        0 -1px 0 #edeaf415 inset,
        0 55px 110px #000a;
}
#creatorcraft-next .n-browser-top {
    height: 34px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border-bottom: 1px solid #2a2b39;
    background: #11121e;
    color: #a9a8bd;
    font-size: 9px;
}
#creatorcraft-next .n-browser-top > i {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #434457;
}
#creatorcraft-next .n-browser-top b {
    font-weight: 400;
    margin-left: calc(50% - 104px);
}
#creatorcraft-next .n-example {
    margin-left: auto;
    font-size: 8px;
    color: #a5a3bc;
    white-space: nowrap;
}
#creatorcraft-next .n-dashboard {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
#creatorcraft-next .n-sheen {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}
#creatorcraft-next .n-sheen:before {
    content: "";
    position: absolute;
    inset: -20% auto -20% 0;
    width: 22%;
    background: linear-gradient(90deg, transparent, #edeaf40c, transparent);
    animation: n-sheen 9s ease-in-out infinite;
    animation-play-state: var(--n-motion);
}
#creatorcraft-next .n-reflection {
    height: 110px;
    margin-top: 2px;
    opacity: 0.18;
    transform: scaleY(-1);
    background: var(--n-dash) center bottom/100% auto no-repeat;
    mask-image: linear-gradient(to top, #000, transparent 78%);
}
#creatorcraft-next .n-product-label {
    position: absolute;
    left: 50%;
    bottom: 38px;
    transform: translateX(-50%);
    color: #b0acc4;
    border: 1px solid #a095cf20;
    background: #10111ac9;
    border-radius: 99px;
    padding: 4px 13px;
    font-size: 9px;
    letter-spacing: 0.06em;
    white-space: nowrap;
}
#creatorcraft-next .n-marquee {
    overflow: hidden;
    border-top: 1px solid #aaa0d517;
    border-bottom: 1px solid #aaa0d517;
    mask-image: linear-gradient(
        90deg,
        transparent,
        #000 10%,
        #000 90%,
        transparent
    );
    margin-top: 4px;
}
#creatorcraft-next .n-marquee-track {
    display: flex;
    width: max-content;
    animation: n-marquee 48s linear infinite;
    animation-play-state: var(--n-motion);
}
#creatorcraft-next .n-marquee-track > div {
    display: flex;
    gap: 38px;
    align-items: center;
    padding: 21px 19px;
    color: #a5a0ba;
    font-size: 12px;
}
#creatorcraft-next .n-marquee-track span {
    white-space: nowrap;
}
#creatorcraft-next .n-marquee-track small {
    color: #6e608d;
    font-size: 13px;
}
#creatorcraft-next .n-section {
    position: relative;
    padding: 97px 0 0;
    z-index: 6;
}
#creatorcraft-next .n-heading {
    text-align: center;
}
#creatorcraft-next .n-heading .n-eyebrow {
    justify-content: center;
}
#creatorcraft-next h2 {
    font:
        400 clamp(37px, 4.4vw, 61px)/1.02 "Instrument Serif",
        Georgia,
        serif;
    letter-spacing: -0.02em;
    margin-top: 19px;
    text-wrap: balance;
}
#creatorcraft-next .n-heading > p {
    max-width: 600px;
    margin: 19px auto 0;
    color: var(--n-muted);
    font-size: 13px;
}
#creatorcraft-next .n-tool-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 32px auto 0;
}
#creatorcraft-next .n-tool-tabs button {
    min-height: 41px;
    padding: 10px 21px;
    background: #151626a6;
    border: 1px solid #37334d;
    border-radius: 7px;
    color: #b9b5cf;
    cursor: pointer;
    font-size: 11px;
    transition:
        background 0.25s,
        color 0.25s,
        box-shadow 0.25s;
}
#creatorcraft-next .n-tool-tabs button[aria-selected="true"] {
    color: #eee9fc;
    background: #5543745e;
    border-color: #a496c58c;
    box-shadow: inset 0 0 18px #ad92ef12;
}
#creatorcraft-next .n-stage {
    margin-top: 25px;
    position: relative;
    min-height: 480px;
    border: 1px solid #45405b;
    border-radius: 17px;
    background:
        radial-gradient(ellipse at 90% 15%, #52477c24, transparent 65%),
        #10121dee;
    overflow: hidden;
    box-shadow: 0 20px 75px #0004;
}
#creatorcraft-next .n-stage-panel {
    display: grid;
    grid-template-columns: 0.95fr 1.2fr;
    gap: 35px;
    align-items: center;
    min-height: 478px;
    padding: 43px;
}
#creatorcraft-next .n-stage-copy h3 {
    font:
        400 clamp(33px, 3.4vw, 48px)/1.05 "Instrument Serif",
        Georgia,
        serif;
    letter-spacing: -0.015em;
    margin-top: 16px;
}
#creatorcraft-next .n-stage-copy > p {
    font-size: 12px;
    color: var(--n-muted);
    max-width: 370px;
    margin-top: 18px;
    line-height: 1.9;
}
#creatorcraft-next .n-tags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 24px;
}
#creatorcraft-next .n-tags span {
    padding: 4px 9px;
    font-size: 9px;
    line-height: 1.5;
    border: 1px solid #62527750;
    border-radius: 4px;
    color: #bfb3d5;
    background: #271e354f;
}
#creatorcraft-next .n-art {
    position: relative;
    min-height: 350px;
    perspective: 900px;
    display: grid;
    place-items: center;
}
#creatorcraft-next .n-art:before {
    content: "";
    position: absolute;
    inset: -35px;
    background: radial-gradient(ellipse, #6d4ca343, transparent 66%);
    filter: blur(23px);
}
#creatorcraft-next .n-poster {
    position: relative;
    z-index: 1;
    background: #d9d6cf;
    color: #24202e;
    width: 234px;
    height: 304px;
    transform: rotate(-8deg) rotateY(-8deg);
    padding: 20px;
    border: 1px solid #f4eddb44;
    box-shadow: 5px 25px 50px #0009;
    transition: transform 0.5s;
}
#creatorcraft-next .n-poster small {
    font-size: 8px;
    letter-spacing: 0.14em;
}
#creatorcraft-next .n-poster strong {
    display: block;
    font:
        400 48px/0.87 "Instrument Serif",
        Georgia,
        serif;
    margin-top: 18px;
}
#creatorcraft-next .n-poster-orb {
    position: absolute;
    inset: 115px 10px 14px;
    display: grid;
    place-items: center;
    overflow: hidden;
}
#creatorcraft-next .n-poster-orb:before {
    content: "";
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: radial-gradient(
        ellipse at 20% 20%,
        #fff0d6,
        #bba6dc 25%,
        #8268b7 46%,
        #e3bda0 59%,
        #3b264c 70%,
        #efbfa3
    );
    box-shadow:
        15px 15px 12px #33175326,
        inset -10px -10px 20px #21113680;
    transform: rotate(-30deg);
}
#creatorcraft-next .n-float {
    position: absolute;
    z-index: 2;
    border: 1px solid #70628480;
    border-radius: 10px;
    box-shadow: 0 18px 45px #0006;
    background: #1b182be8;
    backdrop-filter: blur(12px);
    padding: 16px;
    color: #d9d0ec;
    transition: transform 0.5s;
}
#creatorcraft-next .n-voice {
    right: -7px;
    bottom: 14px;
    width: 225px;
    transform: rotate(5deg);
}
#creatorcraft-next .n-float small {
    font-size: 8px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #a89bc4;
}
#creatorcraft-next .n-float p {
    font-size: 12px;
    margin-top: 8px;
}
#creatorcraft-next .n-wave {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 36px;
    margin-top: 9px;
}
#creatorcraft-next .n-wave i {
    width: 3px;
    height: calc(6px + var(--h) * 1px);
    background: linear-gradient(#d1b4f0, #7763b0);
    border-radius: 4px;
    transform-origin: center;
    transition: transform 0.3s;
}
#creatorcraft-next .n-art:hover .n-wave i {
    transform: scaleY(0.65);
}
#creatorcraft-next .n-caption-card {
    left: -8px;
    top: 11px;
    width: 175px;
    transform: rotate(6deg);
}
#creatorcraft-next .n-caption-card p {
    font-size: 13px;
    line-height: 1.4;
}
#creatorcraft-next .n-art:hover .n-poster {
    transform: rotate(-3deg) translateY(-5px);
}
#creatorcraft-next .n-art:hover .n-voice {
    transform: rotate(1deg) translateY(-6px);
}
#creatorcraft-next .n-calendar {
    position: relative;
    z-index: 1;
    width: 100%;
    border: 1px solid #66567f;
    border-radius: 12px;
    background: #1a1726;
    transform: rotateY(-7deg) rotateX(5deg);
    box-shadow: 0 30px 60px #0006;
    padding: 19px;
}
#creatorcraft-next .n-calendar-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #e3d8f3;
    padding-bottom: 18px;
    border-bottom: 1px solid #494052;
}
#creatorcraft-next .n-calendar-title small {
    font-size: 9px;
    color: #a99ebc;
}
#creatorcraft-next .n-calendar-days {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-top: 14px;
}
#creatorcraft-next .n-calendar-day {
    min-height: 173px;
    padding: 10px 8px;
    border-radius: 5px;
    background: #22202d;
    color: #9d94af;
    font-size: 9px;
}
#creatorcraft-next .n-post {
    margin-top: 12px;
    border-radius: 5px;
    padding: 9px 7px;
    background: #5140606e;
    border: 1px solid #8c6e9f4d;
    font-size: 10px;
    color: #d9cce9;
    line-height: 1.5;
}
#creatorcraft-next .n-post.n-lilac {
    background: #4c416e6e;
}
#creatorcraft-next .n-story {
    font-size: 11px;
    padding: 11px 14px;
    position: absolute;
    bottom: 0;
    left: -15px;
    z-index: 2;
    border: 1px solid #716581;
    background: #24202fe8;
    border-radius: 7px;
    transform: rotate(-4deg);
}
#creatorcraft-next .n-shop {
    position: relative;
    width: 96%;
    padding: 14px;
    border-radius: 10px;
    background: #dcd7ca;
    color: #29252d;
    box-shadow: 0 25px 55px #0007;
    transform: rotateY(-7deg) rotate(-2deg);
}
#creatorcraft-next .n-shop-nav {
    display: flex;
    justify-content: space-between;
    font-size: 8px;
    padding-bottom: 13px;
    border-bottom: 1px solid #b9b1a2;
}
#creatorcraft-next .n-shop-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    padding: 19px 0;
}
#creatorcraft-next .n-shop h4 {
    font:
        400 37px/0.98 "Instrument Serif",
        Georgia,
        serif;
    margin: 14px 0;
}
#creatorcraft-next .n-shop-circle {
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #bbb4a1, #f0e8d5);
    border-radius: 80px 80px 6px 6px;
    min-height: 180px;
}
#creatorcraft-next .n-shop-circle:before {
    content: "";
    width: 70px;
    height: 100px;
    background: linear-gradient(90deg, #8f7b61, #d5bea1 35%, #a79072);
    border-radius: 9px 9px 30px 30px;
    box-shadow: 12px 10px 14px #766c5c55;
    transform: rotate(12deg);
}
#creatorcraft-next .n-shop-pill {
    position: absolute;
    right: -8px;
    bottom: -15px;
    padding: 12px 16px;
    border: 1px solid #6c5e7f;
    background: #292136;
    color: #e5daef;
    border-radius: 8px;
    box-shadow: 0 10px 30px #0005;
    font-size: 10px;
}
#creatorcraft-next .n-flow {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 27px;
    z-index: 1;
    transform: rotateY(-8deg) rotate(1deg);
}
#creatorcraft-next .n-flow-node {
    padding: 20px 13px;
    border: 1px solid #66557e;
    border-radius: 9px;
    background: linear-gradient(130deg, #332741, #181622);
    position: relative;
    min-height: 97px;
    box-shadow: 0 12px 30px #0003;
}
#creatorcraft-next .n-flow-node:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    height: 27px;
    width: 1px;
    background: linear-gradient(#c1a3df, #63516f);
}
#creatorcraft-next .n-flow-node:nth-child(n + 3):after {
    display: none;
}
#creatorcraft-next .n-flow-node small {
    font-size: 8px;
    color: #ad99c2;
}
#creatorcraft-next .n-flow-node b {
    display: block;
    font-weight: 400;
    font-size: 15px;
    margin-top: 7px;
}
#creatorcraft-next .n-flow-note {
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: -23px;
    padding: 7px;
    text-align: center;
    border: 1px solid #7d688c;
    border-radius: 6px;
    background: #272030;
    font-size: 9px;
    color: #d3bfdf;
}
#creatorcraft-next .n-connection {
    padding: 100px 0 0;
}
#creatorcraft-next .n-value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin-top: 34px;
    border: 1px solid #82719733;
    border-radius: 12px;
    overflow: hidden;
    background: #10111cd9;
}
#creatorcraft-next .n-value {
    padding: 26px;
    border-right: 1px solid #82719726;
}
#creatorcraft-next .n-value:last-child {
    border: 0;
}
#creatorcraft-next .n-value h3 {
    font:
        400 25px/1.1 "Instrument Serif",
        Georgia,
        serif;
}
#creatorcraft-next .n-value p {
    color: var(--n-muted);
    font-size: 11px;
    line-height: 1.8;
    margin-top: 12px;
}
#creatorcraft-next .n-audience {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
    padding-top: 96px;
}
#creatorcraft-next .n-audience h2 {
    max-width: 460px;
}
#creatorcraft-next .n-audience-list {
    border-top: 1px solid #7d71954d;
}
#creatorcraft-next .n-audience-row {
    padding: 23px 0;
    border-bottom: 1px solid #7d71954d;
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 25px;
}
#creatorcraft-next .n-audience-row b {
    font-size: 12px;
    font-weight: 500;
    color: #ddd3ec;
}
#creatorcraft-next .n-audience-row p {
    font-size: 11px;
    color: var(--n-muted);
}
#creatorcraft-next .n-faq-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 80px;
    margin-top: 99px;
    border-top: 1px solid #82719733;
    padding-top: 65px;
}
#creatorcraft-next .n-faq-grid h2 {
    font-size: 49px;
}
#creatorcraft-next details {
    border-bottom: 1px solid #8271973b;
    padding: 20px 0;
}
#creatorcraft-next summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    font-size: 12px;
}
#creatorcraft-next summary::-webkit-details-marker {
    display: none;
}
#creatorcraft-next summary:after {
    content: "+";
    color: #ba9fd6;
    font-size: 17px;
}
#creatorcraft-next details[open] summary:after {
    content: "−";
}
#creatorcraft-next details p {
    margin-top: 14px;
    font-size: 11px;
    line-height: 1.9;
    color: var(--n-muted);
}
#creatorcraft-next .n-closing {
    position: relative;
    text-align: center;
    padding: 105px 20px 79px;
    margin-top: 45px;
}
#creatorcraft-next .n-closing:before {
    content: "";
    position: absolute;
    inset: 0 -30%;
    background: radial-gradient(
        ellipse at 50% 100%,
        #9f7dc442,
        transparent 66%
    );
    pointer-events: none;
}
#creatorcraft-next .n-closing h2 {
    font-size: clamp(48px, 5.8vw, 80px);
}
#creatorcraft-next .n-closing p {
    font-size: 12px;
    color: var(--n-muted);
    max-width: 550px;
    margin: 20px auto 0;
}
#creatorcraft-next .n-footer {
    border-top: 1px solid #82719733;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 25px;
    padding: 27px 0;
    color: #91869f;
    font-size: 10px;
}
#creatorcraft-next .n-footer > span {
    text-align: center;
}
#creatorcraft-next .n-footer .n-logo {
    width: 93px;
    height: 30px;
}
#creatorcraft-next .n-footer-links {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}
#creatorcraft-next .n-document {
    padding-block: 44px 90px;
}
#creatorcraft-next .n-document-heading {
    max-width: 900px;
    padding-block: 12px 40px;
}
#creatorcraft-next .n-document-heading h1 {
    font:
        500 clamp(44px, 5.6vw, 74px)/1.08 Inter,
        system-ui,
        sans-serif;
    letter-spacing: -0.055em;
    margin-block: 20px;
}
#creatorcraft-next .n-document-heading h1 em {
    font:
        italic 400 1.18em/1 "Instrument Serif",
        Georgia,
        serif;
    color: #b7a6ee;
    letter-spacing: -0.035em;
}
#creatorcraft-next .n-document-heading p {
    max-width: 650px;
    color: #c5c1d3;
    font-size: 15px;
    line-height: 1.8;
}
#creatorcraft-next .n-document-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 265px;
    gap: 42px;
    align-items: start;
}
#creatorcraft-next .n-document-content {
    grid-area: 1 / 1;
    min-width: 0;
    padding: clamp(24px, 3.6vw, 46px);
    border: 1px solid #d0c6eb1c;
    border-radius: 16px;
    background: linear-gradient(150deg, #22212795, #17171d9c 45%);
    color: #cbc7d5;
    font-size: 14px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}
#creatorcraft-next .n-document-content > p:first-child {
    width: fit-content;
    margin-bottom: 30px;
    padding: 6px 11px;
    border: 1px solid #b5a4e525;
    border-radius: 6px;
    background: #b5a4e50b;
    color: #c9bdee;
    font-size: 11px;
}
#creatorcraft-next .n-document-content h2 {
    margin-block: 38px 15px;
    scroll-margin-top: 110px;
    color: #eeeaf5;
    font:
        600 19px/1.5 Inter,
        system-ui,
        sans-serif;
    letter-spacing: -0.025em;
}
#creatorcraft-next .n-document-content p,
#creatorcraft-next .n-document-content ul,
#creatorcraft-next .n-document-content ol {
    margin-block: 0 20px;
}
#creatorcraft-next .n-document-content ul,
#creatorcraft-next .n-document-content ol {
    padding-inline-start: 22px;
}
#creatorcraft-next .n-document-content li {
    padding-inline-start: 5px;
    margin-block: 8px;
}
#creatorcraft-next .n-document-content a {
    color: #c7b9f4;
    text-decoration: underline;
    text-underline-offset: 4px;
}
#creatorcraft-next .n-document-aside {
    position: sticky;
    top: 110px;
    grid-area: 1 / 2;
    font-size: 12px;
}
#creatorcraft-next .n-document-aside h2,
#creatorcraft-next .n-document-outline summary {
    color: #e7e1f2;
    font:
        600 12px/1.5 Inter,
        system-ui,
        sans-serif;
    letter-spacing: 0.01em;
    margin-bottom: 14px;
}
#creatorcraft-next .n-document-aside nav a {
    display: block;
    padding: 6px 0;
    color: #aaa5bb;
    line-height: 1.55;
}
#creatorcraft-next .n-document-aside nav a[aria-current],
#creatorcraft-next .n-document-aside nav a:hover {
    color: #cfbfff;
}
#creatorcraft-next .n-document-aside > nav,
#creatorcraft-next .n-document-outline {
    margin-bottom: 26px;
    padding-bottom: 24px;
    border-bottom: 1px solid #b9abde24;
}
#creatorcraft-next .n-document-outline summary {
    cursor: pointer;
}
#creatorcraft-next .n-document-outline nav {
    max-height: min(45vh, 430px);
    overflow-y: auto;
    scrollbar-width: thin;
    padding-inline-end: 8px;
}
#creatorcraft-next .n-document-aside p {
    color: var(--n-muted);
    margin-bottom: 15px;
    line-height: 1.8;
}
#creatorcraft-next .n-document-aside > a {
    color: #c7b9f4;
}
@media (max-width: 850px) {
    #creatorcraft-next .n-document {
        padding-top: 28px;
    }
    #creatorcraft-next .n-document-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    #creatorcraft-next .n-document-aside {
        position: static;
        grid-area: auto;
    }
    #creatorcraft-next .n-document-aside > nav,
    #creatorcraft-next .n-document-aside > h2,
    #creatorcraft-next .n-document-aside > p,
    #creatorcraft-next .n-document-aside > a {
        display: none;
    }
    #creatorcraft-next .n-document-outline {
        margin-bottom: 0;
        padding: 15px 18px;
        border: 1px solid #b9abde24;
        border-radius: 9px;
        background: #17161e;
    }
    #creatorcraft-next .n-document-outline summary {
        margin-bottom: 0;
    }
    #creatorcraft-next .n-document-outline[open] summary {
        margin-bottom: 14px;
    }
    #creatorcraft-next .n-document-content {
        grid-area: auto;
    }
}
#creatorcraft-next dialog {
    border: 1px solid #7c668f;
    border-radius: 15px;
    padding: 30px;
    background: #16131f;
    color: var(--n-text);
    width: calc(100% - 32px);
    max-width: 460px;
    box-shadow: 0 20px 100px #000b;
}
#creatorcraft-next dialog::backdrop {
    background: #06060cdd;
}
#creatorcraft-next dialog h2 {
    font-size: 42px;
    margin-top: 22px;
}
#creatorcraft-next dialog p {
    color: var(--n-muted);
    font-size: 12px;
    margin-top: 16px;
}
#creatorcraft-next dialog label {
    display: block;
    font-size: 11px;
    margin-top: 20px;
}
#creatorcraft-next dialog input,
#creatorcraft-next dialog select {
    display: block;
    width: 100%;
    margin-top: 7px;
    border: 1px solid #675475;
    border-radius: 6px;
    padding: 11px;
    color: var(--n-text);
    background: #0f0c17;
    font-size: 16px;
}
#creatorcraft-next .n-close {
    float: right;
    border: 0;
    background: transparent;
    color: #b5a6c5;
    padding: 5px;
    font-size: 11px;
    cursor: pointer;
}
#creatorcraft-next .n-form-status {
    color: #e0c7f0;
    font-size: 12px;
    margin-top: 15px;
}
@keyframes n-drift {
    0%,
    100% {
        opacity: 0.75;
        transform: translate3d(-2%, 0, 0) scale(1);
    }
    50% {
        opacity: 1;
        transform: translate3d(2%, -1.5%, 0) scale(1.08);
    }
}
@keyframes n-shoot {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0) rotate(24deg) scaleX(0.3);
    }
    1.5% {
        opacity: 1;
    }
    5% {
        opacity: 0.9;
    }
    8%,
    100% {
        opacity: 0;
        transform: translate3d(300px, 134px, 0) rotate(24deg) scaleX(1);
    }
}
@keyframes n-sheen {
    0% {
        transform: translate3d(-140%, 0, 0) skewX(-18deg);
    }
    55%,
    100% {
        transform: translate3d(530%, 0, 0) skewX(-18deg);
    }
}
@keyframes n-marquee {
    to {
        transform: translate3d(-50%, 0, 0);
    }
}
@media (max-width: 850px) {
    #creatorcraft-next .n-wrap {
        width: calc(100% - 40px);
    }
    #creatorcraft-next .n-nav-links {
        gap: 17px;
        font-size: 11px;
    }
    #creatorcraft-next .n-stage-panel {
        padding: 32px;
        gap: 20px;
    }
    #creatorcraft-next .n-art {
        transform: scale(0.87);
        transform-origin: 50% 50%;
    }
    #creatorcraft-next .n-audience,
    #creatorcraft-next .n-faq-grid {
        gap: 35px;
    }
    #creatorcraft-next .n-hero {
        padding-top: 70px;
    }
    #creatorcraft-next .n-hero-product {
        margin-top: 48px;
    }
    #creatorcraft-next .n-capabilities {
        max-width: 660px;
    }
}
@media (max-width: 620px) {
    #creatorcraft-next .n-wrap {
        width: calc(100% - 36px);
    }
    #creatorcraft-next .n-nav {
        height: 70px;
        justify-content: space-between;
        gap: 15px;
    }
    #creatorcraft-next .n-logo {
        width: 99px;
        height: 32px;
    }
    #creatorcraft-next .n-nav-links {
        display: none;
    }
    #creatorcraft-next .n-nav-right {
        gap: 16px;
        font-size: 11px;
    }
    #creatorcraft-next .n-nav .n-button {
        min-height: 34px;
        font-size: 10px;
        padding: 7px 10px;
    }
    #creatorcraft-next .n-hero {
        padding-top: 60px;
    }
    #creatorcraft-next .n-hero h1 {
        font-size: clamp(49px, 10.5vw, 66px);
        line-height: 1.02;
        margin: 23px auto 21px;
    }
    #creatorcraft-next .n-hero > div p {
        font-size: 12px;
        max-width: 400px;
    }
    #creatorcraft-next .n-actions {
        gap: 10px;
        margin-top: 24px;
    }
    #creatorcraft-next .n-actions .n-button {
        flex: 1;
        min-width: 140px;
        padding: 11px 10px;
        font-size: 11px;
    }
    #creatorcraft-next .n-eyebrow {
        font-size: 8px;
        letter-spacing: 0.12em;
    }
    #creatorcraft-next .n-capabilities {
        gap: 7px;
        margin-top: 27px;
    }
    #creatorcraft-next .n-capabilities button {
        padding: 5px 10px;
        font-size: 9px;
    }
    #creatorcraft-next .n-hero-product {
        margin-top: 37px;
        padding-bottom: 69px;
    }
    #creatorcraft-next .n-browser-top {
        height: 26px;
        font-size: 8px;
        padding: 0 9px;
    }
    #creatorcraft-next .n-browser-top b {
        margin-left: auto;
        margin-right: auto;
    }
    #creatorcraft-next .n-browser-top > i {
        width: 4px;
        height: 4px;
    }
    #creatorcraft-next .n-example {
        font-size: 7px;
    }
    #creatorcraft-next .n-browser {
        border-radius: 8px;
    }
    #creatorcraft-next .n-reflection {
        height: 65px;
    }
    #creatorcraft-next .n-product-label {
        bottom: 24px;
        font-size: 8px;
    }
    #creatorcraft-next .n-marquee-track > div {
        padding: 17px 15px;
        font-size: 10px;
        gap: 28px;
    }
    #creatorcraft-next .n-section {
        padding-top: 62px;
    }
    #creatorcraft-next h2 {
        font-size: 42px;
    }
    #creatorcraft-next .n-heading > p {
        font-size: 12px;
    }
    #creatorcraft-next .n-tool-tabs {
        gap: 7px;
        margin-top: 25px;
    }
    #creatorcraft-next .n-tool-tabs button {
        padding: 9px 12px;
        font-size: 10px;
        flex: 1;
        min-width: 125px;
    }
    #creatorcraft-next .n-stage {
        min-height: 710px;
    }
    #creatorcraft-next .n-stage-panel {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 24px 34px;
        min-height: 708px;
        align-content: start;
    }
    #creatorcraft-next .n-stage-copy h3 {
        font-size: 38px;
    }
    #creatorcraft-next .n-stage-copy > p {
        font-size: 11px;
        margin-top: 16px;
    }
    #creatorcraft-next .n-tags {
        margin-top: 17px;
    }
    #creatorcraft-next .n-art {
        min-height: 330px;
        transform: scale(0.86);
        transform-origin: 50% 40%;
        margin: 0 -10px;
    }
    #creatorcraft-next .n-voice {
        right: -10px;
    }
    #creatorcraft-next .n-caption-card {
        left: -13px;
        width: 155px;
    }
    #creatorcraft-next .n-calendar {
        padding: 13px;
    }
    #creatorcraft-next .n-calendar-title {
        font-size: 11px;
    }
    #creatorcraft-next .n-calendar-days {
        gap: 6px;
    }
    #creatorcraft-next .n-calendar-day {
        padding: 9px 6px;
        min-height: 165px;
    }
    #creatorcraft-next .n-post {
        font-size: 9px;
        padding: 7px 5px;
    }
    #creatorcraft-next .n-connection {
        padding-top: 66px;
    }
    #creatorcraft-next .n-value-grid {
        grid-template-columns: 1fr;
        margin-top: 23px;
    }
    #creatorcraft-next .n-value {
        border-right: 0;
        border-bottom: 1px solid #82719726;
        padding: 23px;
    }
    #creatorcraft-next .n-value h3 {
        font-size: 26px;
    }
    #creatorcraft-next .n-audience {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-top: 67px;
    }
    #creatorcraft-next .n-audience-row {
        gap: 15px;
        grid-template-columns: 90px 1fr;
        padding: 20px 0;
    }
    #creatorcraft-next .n-faq-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 65px;
        padding-top: 42px;
    }
    #creatorcraft-next .n-faq-grid h2 {
        font-size: 42px;
    }
    #creatorcraft-next .n-closing {
        padding: 65px 5px 55px;
        margin-top: 15px;
    }
    #creatorcraft-next .n-closing h2 {
        font-size: 56px;
    }
    #creatorcraft-next .n-closing .n-actions .n-button {
        flex: none;
        padding: 12px 24px;
    }
    #creatorcraft-next .n-footer {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 20px;
        font-size: 9px;
    }
    #creatorcraft-next .n-footer-links {
        justify-content: center;
        gap: 18px;
    }
}
/* Capability illustrations: play on reveal, then respond to hover or touch. */
#creatorcraft-next .n-calendar,
#creatorcraft-next .n-shop,
#creatorcraft-next .n-flow,
#creatorcraft-next .n-story,
#creatorcraft-next .n-shop-pill,
#creatorcraft-next .n-post,
#creatorcraft-next .n-flow-node,
#creatorcraft-next .n-shop-circle:before {
    transition:
        transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1),
        box-shadow 0.7s,
        border-color 0.7s;
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-poster {
    transform: rotate(-3deg) translateY(-8px);
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-caption-card {
    transform: rotate(2deg) translate3d(-3px, -6px, 0);
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-voice {
    transform: rotate(1deg) translateY(-7px);
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-wave i {
    animation: n-wave 0.9s ease-in-out 3 alternate;
    animation-delay: calc(var(--h) * -25ms);
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-calendar {
    transform: rotateY(-2deg) rotateX(1deg) translateY(-7px);
    box-shadow: 0 35px 65px #0008;
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-post {
    transform: translateY(-5px);
    border-color: #b49acd99;
    box-shadow: 0 8px 18px #0003;
    animation: n-post-in 1.6s ease both;
}
#creatorcraft-next .n-calendar-day:nth-child(2) .n-post {
    transition-delay: 0.12s;
    animation-delay: 0.12s !important;
}
#creatorcraft-next .n-calendar-day:nth-child(3) .n-post {
    transition-delay: 0.24s;
    animation-delay: 0.24s !important;
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-story {
    transform: rotate(-1deg) translate3d(5px, -5px, 0);
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-shop {
    transform: rotateY(-1deg) rotate(0deg) translateY(-7px);
    box-shadow: 0 34px 65px #0008;
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-shop-circle:before {
    transform: rotate(-3deg) translateY(-5px);
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-shop-pill {
    transform: translate3d(-5px, -9px, 0);
    border-color: #b49acd99;
}
#creatorcraft-next .n-shop {
    overflow: hidden;
}
#creatorcraft-next .n-shop:after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    width: 35%;
    background: linear-gradient(100deg, transparent, #fff8ed45, transparent);
    transform: translateX(-150%) skewX(-18deg);
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-shop:after {
    animation: n-shop-light 2.3s ease both;
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-flow {
    transform: rotateY(-1deg) rotate(0deg) translateY(-4px);
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-flow-node {
    animation: n-flow-pass 2.8s ease both;
}
#creatorcraft-next .n-flow-node:nth-child(2) {
    animation-delay: 0.35s !important;
}
#creatorcraft-next .n-flow-node:nth-child(3) {
    animation-delay: 0.7s !important;
}
#creatorcraft-next .n-flow-node:nth-child(4) {
    animation-delay: 1.05s !important;
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-flow-node:after {
    animation: n-connection-pass 1.8s ease both;
}
#creatorcraft-next .n-flow-node:nth-child(2):after {
    animation-delay: 0.35s !important;
}
#creatorcraft-next .n-flow-node:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #766586;
}
#creatorcraft-next .n-art:is(:hover, .is-active) .n-flow-node:before {
    background: #d4b9ef;
    box-shadow: 0 0 12px #c89beaa0;
    transition:
        background 0.5s 0.4s,
        box-shadow 0.5s 0.4s;
}
@keyframes n-wave {
    0%,
    100% {
        transform: scaleY(0.6);
    }
    50% {
        transform: scaleY(1.08);
    }
}
@keyframes n-post-in {
    0% {
        transform: translateY(12px);
        opacity: 0.4;
    }
    45%,
    100% {
        transform: translateY(-5px);
        opacity: 1;
    }
}
@keyframes n-shop-light {
    to {
        transform: translateX(450%) skewX(-18deg);
    }
}
@keyframes n-flow-pass {
    0%,
    100% {
        transform: translateY(0);
        border-color: #66557e;
        box-shadow: 0 12px 30px #0003;
    }
    35%,
    65% {
        transform: translateY(-6px);
        border-color: #c6a9de;
        box-shadow: 0 12px 30px #a473b82b;
    }
}
@keyframes n-connection-pass {
    0%,
    100% {
        opacity: 0.45;
    }
    50% {
        opacity: 1;
        box-shadow: 0 0 12px #c3a0ec;
    }
}

/* Outcome paths show how broad tools can form a useful starting point. */
#creatorcraft-next .n-pathways {
    padding-top: 100px;
}
#creatorcraft-next .n-path-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 36px;
}
#creatorcraft-next .n-path {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #82719745;
    border-radius: 14px;
    background: #11131e;
    transition:
        transform 0.45s,
        border-color 0.45s;
}
#creatorcraft-next .n-path:hover {
    transform: translateY(-5px);
    border-color: #aa90c17d;
}
#creatorcraft-next .n-path-visual {
    flex: none;
    height: 220px;
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 50% 70%, #6d567d55, transparent 74%), #181725;
    border-bottom: 1px solid #82719726;
}
#creatorcraft-next .n-path-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 26px;
}
#creatorcraft-next .n-path-body h3 {
    font:
        400 31px/1.05 "Instrument Serif",
        Georgia,
        serif;
    letter-spacing: -0.01em;
}
#creatorcraft-next .n-path-body > p {
    margin-top: 13px;
    font-size: 12px;
    line-height: 1.8;
    color: var(--n-muted);
}
#creatorcraft-next .n-path-route {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: auto;
    padding-top: 21px;
    font-size: 10px;
    color: #cbbddc;
}
#creatorcraft-next .n-path-route i {
    font-style: normal;
    color: #887298;
}
#creatorcraft-next .n-path a {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    font-size: 11px;
    color: #e1d4ee;
    margin-top: 20px;
    padding: 6px 0;
}
#creatorcraft-next .n-mini-site {
    position: relative;
    width: 190px;
    height: 151px;
    padding: 14px;
    background: #dad4c7;
    color: #2e2831;
    border-radius: 5px;
    transform: rotate(-6deg);
    box-shadow: 8px 19px 35px #0006;
    transition: transform 0.6s;
}
#creatorcraft-next .n-mini-site small {
    font-size: 7px;
    letter-spacing: 0.16em;
}
#creatorcraft-next .n-mini-site strong {
    display: block;
    font:
        400 32px/0.95 "Instrument Serif",
        Georgia,
        serif;
    margin-top: 22px;
}
#creatorcraft-next .n-mini-site:after {
    content: "";
    position: absolute;
    width: 64px;
    height: 84px;
    right: 13px;
    bottom: 18px;
    border-radius: 40px 40px 6px 6px;
    background: linear-gradient(130deg, #b2a28c, #9c7ea9);
    box-shadow: 6px 8px 10px #64536c50;
}
#creatorcraft-next .n-mini-label {
    position: absolute;
    right: 20px;
    bottom: 24px;
    padding: 8px 12px;
    border: 1px solid #ac94bc70;
    background: #2c2337;
    border-radius: 5px;
    font-size: 9px;
    color: #e7d4f4;
    transform: rotate(4deg);
    transition: transform 0.6s;
}
#creatorcraft-next .n-path:hover .n-mini-site {
    transform: rotate(-2deg) translateY(-4px);
}
#creatorcraft-next .n-path:hover .n-mini-label {
    transform: rotate(0deg) translateY(-4px);
}
#creatorcraft-next .n-mini-stack {
    position: relative;
    width: 220px;
    height: 157px;
}
#creatorcraft-next .n-mini-stack > div {
    position: absolute;
    width: 105px;
    height: 142px;
    border-radius: 5px;
    box-shadow: 0 10px 30px #0007;
    transition: transform 0.6s;
}
#creatorcraft-next .n-mini-stack > div:nth-child(1) {
    left: 5px;
    top: 10px;
    transform: rotate(-10deg);
    background: linear-gradient(150deg, #8a799b, #302941);
}
#creatorcraft-next .n-mini-stack > div:nth-child(2) {
    right: 5px;
    top: 5px;
    transform: rotate(10deg);
    background: #cec8bb;
    color: #332a39;
    display: grid;
    place-items: center;
    text-align: center;
    font:
        400 29px/0.95 "Instrument Serif",
        Georgia,
        serif;
    padding: 12px;
}
#creatorcraft-next .n-mini-stack > div:nth-child(3) {
    left: 60px;
    top: 0;
    transform: rotate(-2deg);
    background: radial-gradient(
        ellipse at 30% 30%,
        #f4dbb1,
        #b69bbf 30%,
        #624c83 55%,
        #1c1833
    );
    border: 1px solid #c3a5d0a0;
}
#creatorcraft-next .n-path:hover .n-mini-stack > div:nth-child(1) {
    transform: rotate(-16deg) translateX(-6px);
}
#creatorcraft-next .n-path:hover .n-mini-stack > div:nth-child(2) {
    transform: rotate(16deg) translateX(6px);
}
#creatorcraft-next .n-path:hover .n-mini-stack > div:nth-child(3) {
    transform: rotate(0deg) translateY(-7px);
}
#creatorcraft-next .n-mini-course {
    width: 225px;
    padding: 17px;
    border: 1px solid #8c729f66;
    border-radius: 9px;
    background: #201b2c;
    transform: rotate(-3deg);
    box-shadow: 0 15px 35px #0006;
    transition: transform 0.6s;
}
#creatorcraft-next .n-mini-course small {
    font-size: 8px;
    color: #b9a5cc;
    letter-spacing: 0.1em;
}
#creatorcraft-next .n-mini-course strong {
    display: block;
    font:
        400 30px/1.05 "Instrument Serif",
        Georgia,
        serif;
    margin: 13px 0;
}
#creatorcraft-next .n-mini-lesson {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #82719745;
    padding: 9px 0 0;
    margin-top: 9px;
    font-size: 9px;
    color: #c8b8d7;
}
#creatorcraft-next .n-path:hover .n-mini-course {
    transform: rotate(0deg) translateY(-6px);
}

/* A short setup story bridges the platform promise and the access CTA. */
#creatorcraft-next .n-setup {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 90px;
    margin-top: 100px;
    padding: 54px;
    border: 1px solid #82719745;
    border-radius: 17px;
    background:
        radial-gradient(ellipse at 0 100%, #41345860, transparent 70%), #10121c;
}
#creatorcraft-next .n-setup h2 {
    font-size: clamp(38px, 4vw, 53px);
}
#creatorcraft-next .n-setup-intro > p {
    font-size: 12px;
    line-height: 1.9;
    color: var(--n-muted);
    max-width: 380px;
    margin-top: 19px;
}
#creatorcraft-next .n-brand-brief {
    max-width: 340px;
    margin-top: 27px;
    border: 1px solid #79648d73;
    border-radius: 9px;
    background: #211b2e;
    padding: 17px 19px;
    box-shadow: 0 15px 35px #0003;
}
#creatorcraft-next .n-brand-brief header {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #e3d2ef;
}
#creatorcraft-next .n-brand-mark {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #5d496e;
    color: #ebd5ff;
    font-size: 19px;
}
#creatorcraft-next .n-brand-brief header small {
    display: block;
    color: #aa95bd;
    font-size: 9px;
    margin-top: 1px;
}
#creatorcraft-next .n-brand-brief dl {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 6px 12px;
    margin: 15px 0 0;
    font-size: 10px;
}
#creatorcraft-next .n-brand-brief dt {
    color: #aa95bd;
}
#creatorcraft-next .n-brand-brief dd {
    margin: 0;
    color: #d8c9e4;
}
#creatorcraft-next .n-setup-steps {
    list-style: none;
    margin: 0;
    padding: 0;
}
#creatorcraft-next .n-setup-steps li {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 17px;
    padding: 23px 0;
    border-bottom: 1px solid #8271973b;
    position: relative;
}
#creatorcraft-next .n-setup-steps li:first-child {
    padding-top: 0;
}
#creatorcraft-next .n-setup-steps li:last-child {
    border: 0;
    padding-bottom: 0;
}
#creatorcraft-next .n-step-no {
    font:
        400 32px/1 "Instrument Serif",
        Georgia,
        serif;
    color: #b498d1;
    margin-top: 2px;
}
#creatorcraft-next .n-setup-steps h3 {
    font:
        400 27px/1.1 "Instrument Serif",
        Georgia,
        serif;
}
#creatorcraft-next .n-setup-steps p {
    font-size: 11px;
    line-height: 1.9;
    color: var(--n-muted);
    margin-top: 10px;
}
#creatorcraft-next .n-setup-foot {
    font-size: 9px;
    letter-spacing: 0.04em;
    color: #aa95bd;
    margin-top: 18px;
}
@media (max-width: 1000px) {
    #creatorcraft-next .n-nav-links {
        gap: 20px;
    }
    #creatorcraft-next .n-nav {
        gap: 22px;
    }
    #creatorcraft-next .n-path-body {
        padding: 22px;
    }
    #creatorcraft-next .n-path-body h3 {
        font-size: 28px;
    }
    #creatorcraft-next .n-setup {
        gap: 45px;
        padding: 39px;
    }
    #creatorcraft-next .n-mini-label {
        right: 10px;
        font-size: 8px;
        padding: 7px 10px;
    }
}
@media (max-width: 760px) {
    #creatorcraft-next .n-nav-links {
        gap: 14px;
        font-size: 10px;
    }
    #creatorcraft-next .n-nav {
        gap: 18px;
    }
    #creatorcraft-next .n-nav-right {
        gap: 15px;
    }
    #creatorcraft-next .n-path-grid {
        gap: 12px;
    }
    #creatorcraft-next .n-path-body {
        padding: 20px;
    }
    #creatorcraft-next .n-path-visual {
        height: 185px;
    }
    #creatorcraft-next .n-mini-site {
        width: 156px;
        height: 135px;
    }
    #creatorcraft-next .n-mini-site strong {
        font-size: 28px;
    }
    #creatorcraft-next .n-mini-site:after {
        width: 50px;
        height: 72px;
    }
    #creatorcraft-next .n-mini-stack {
        transform: scale(0.8);
    }
    #creatorcraft-next .n-mini-course {
        width: 175px;
        padding: 14px;
    }
    #creatorcraft-next .n-mini-course strong {
        font-size: 25px;
    }
    #creatorcraft-next .n-setup {
        gap: 35px;
        padding: 32px;
    }
    #creatorcraft-next .n-setup-steps li {
        gap: 10px;
    }
}
@media (max-width: 620px) {
    #creatorcraft-next .n-pathways {
        padding-top: 65px;
    }
    #creatorcraft-next .n-path-grid {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 27px;
    }
    #creatorcraft-next .n-path-visual {
        height: 210px;
    }
    #creatorcraft-next .n-mini-site {
        width: 190px;
        height: 151px;
    }
    #creatorcraft-next .n-mini-site strong {
        font-size: 32px;
    }
    #creatorcraft-next .n-mini-site:after {
        width: 64px;
        height: 84px;
    }
    #creatorcraft-next .n-mini-label {
        right: calc(50% - 125px);
        bottom: 24px;
        font-size: 9px;
        padding: 8px 12px;
    }
    #creatorcraft-next .n-mini-stack {
        transform: none;
    }
    #creatorcraft-next .n-mini-course {
        width: 225px;
        padding: 17px;
    }
    #creatorcraft-next .n-mini-course strong {
        font-size: 30px;
    }
    #creatorcraft-next .n-path-body {
        padding: 25px;
    }
    #creatorcraft-next .n-path-body h3 {
        font-size: 32px;
    }
    #creatorcraft-next .n-setup {
        grid-template-columns: 1fr;
        gap: 33px;
        margin-top: 65px;
        padding: 28px 25px;
    }
    #creatorcraft-next .n-setup h2 {
        font-size: 42px;
    }
    #creatorcraft-next .n-setup-steps li {
        gap: 14px;
        padding: 20px 0;
    }
    #creatorcraft-next .n-setup-steps h3 {
        font-size: 27px;
    }
    #creatorcraft-next .n-setup-steps p {
        font-size: 12px;
    }
    #creatorcraft-next .n-path a {
        min-height: 44px;
    }
}
@media (pointer: coarse) {
    #creatorcraft-next .n-capabilities button {
        min-height: 44px;
    }
    #creatorcraft-next .n-tool-tabs button {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #creatorcraft-next *,
    #creatorcraft-next *:before,
    #creatorcraft-next *:after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
    #creatorcraft-next .n-product-tilt {
        transform: none !important;
    }
}
/* An ecosystem, with the brand as the fixed centre. */
#creatorcraft-next .n-ecosystem {
    position: relative;
    margin-top: 25px;
}
#creatorcraft-next .n-orbit-stage {
    position: relative;
    height: 445px;
    isolation: isolate;
}
#creatorcraft-next .n-orbit-atmosphere {
    position: absolute;
    inset: 6% 6% 2%;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 50% 50%, #8876ca24, transparent 43%),
        radial-gradient(ellipse at 60% 58%, #4f568a20, transparent 65%);
    filter: blur(14px);
}
#creatorcraft-next .n-orbit-lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}
#creatorcraft-next .n-orbit-lines ellipse {
    fill: none;
    stroke: url(#n-orbit-stroke);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}
#creatorcraft-next .n-orbit-lines .n-orbit-inner {
    stroke: #9f91cb25;
}
#creatorcraft-next .n-orbit-lines path {
    fill: none;
    stroke: #a094e024;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}
#creatorcraft-next .n-orbit-lines path {
    transition:
        stroke 0.4s,
        filter 0.4s;
}
#creatorcraft-next .n-orbit-stage[data-active="0"] [data-orbit-link="0"],
#creatorcraft-next .n-orbit-stage[data-active="1"] [data-orbit-link="1"],
#creatorcraft-next .n-orbit-stage[data-active="2"] [data-orbit-link="2"],
#creatorcraft-next .n-orbit-stage[data-active="3"] [data-orbit-link="3"],
#creatorcraft-next .n-orbit-stage[data-active="4"] [data-orbit-link="4"],
#creatorcraft-next .n-orbit-stage[data-active="5"] [data-orbit-link="5"] {
    stroke: #b9a1dbb3;
    filter: drop-shadow(0 0 3px #a885cf55);
}
#creatorcraft-next .n-orbit-core {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 172px;
    height: 172px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    background: radial-gradient(
        circle at 34% 24%,
        #34304e,
        #1a192f 52%,
        #11131f 80%
    );
    border: 1px solid #b4a0e3b3;
    box-shadow:
        0 0 0 8px #bda0ef04,
        0 0 0 18px #bda0ef03,
        0 0 45px #9b7fd526,
        inset 0 0 30px #9e82cd1c;
    z-index: 2;
}
#creatorcraft-next .n-orbit-core:before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    border-top: 1px solid #eadbff;
    border-bottom: 1px solid #7676b7;
    opacity: 0.85;
    pointer-events: none;
}
#creatorcraft-next .n-orbit-mark {
    display: block;
    width: 64px;
    height: 56px;
    background: var(--n-logo) left center / auto 56px no-repeat;
    filter: brightness(1.12) drop-shadow(0 0 10px #c6a9e833);
    margin-top: 5px;
}
#creatorcraft-next .n-orbit-core strong {
    font:
        400 27px/1 "Instrument Serif",
        Georgia,
        serif;
    margin-top: 12px;
    letter-spacing: -0.01em;
    color: #eee5fc;
}
#creatorcraft-next .n-orbit-core > span:last-child {
    font-size: 8px;
    letter-spacing: 0.02em;
    color: #a8a0bd;
    margin-top: 9px;
}
#creatorcraft-next .n-orbit-node {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 244px;
    min-height: 70px;
    border-radius: 10px;
    border: 1px solid #9281ae26;
    padding: 13px 14px;
    background: #10121de8;
    color: var(--n-text);
    text-align: left;
    cursor: pointer;
    box-shadow: 0 6px 25px #0002;
    transition:
        transform 0.4s,
        border-color 0.35s,
        background 0.35s,
        box-shadow 0.35s;
}
#creatorcraft-next .n-orbit-node:hover,
#creatorcraft-next .n-orbit-node:focus-visible,
#creatorcraft-next .n-orbit-node[aria-pressed="true"] {
    background: #211c31;
    border-color: #a38bc28c;
    box-shadow:
        0 9px 30px #0003,
        0 0 20px #9e7ec30c;
    transform: translateY(-3px);
}
#creatorcraft-next .n-node-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #9d85bc4d;
    background: linear-gradient(140deg, #6853842b, #252134);
    font:
        400 23px/1 "Instrument Serif",
        Georgia,
        serif;
    color: #bba6d9;
    transition:
        color 0.35s,
        border-color 0.35s,
        box-shadow 0.35s;
}
#creatorcraft-next .n-orbit-node[aria-pressed="true"] .n-node-symbol {
    color: #e6ccff;
    border-color: #b89ddc9c;
    box-shadow:
        inset 0 0 12px #a47ace1c,
        0 0 15px #9e7ec315;
}
#creatorcraft-next .n-orbit-node b {
    display: block;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
    color: #e3ddec;
}
#creatorcraft-next .n-orbit-node small {
    display: block;
    font-size: 9px;
    line-height: 1.4;
    margin-top: 5px;
    color: #a29bb3;
}
#creatorcraft-next .n-node-arrow {
    margin-left: auto;
    align-self: flex-start;
    font-size: 12px;
    line-height: 1;
    color: #8b7b9e;
    opacity: 0;
    transition: opacity 0.3s;
}
#creatorcraft-next .n-orbit-node[aria-pressed="true"] .n-node-arrow,
#creatorcraft-next .n-orbit-node:hover .n-node-arrow {
    opacity: 1;
}
#creatorcraft-next .n-node-creative {
    left: 8%;
    top: 12%;
}
#creatorcraft-next .n-node-marketing {
    left: 1%;
    top: 43%;
}
#creatorcraft-next .n-node-sites {
    left: 9%;
    top: 74%;
}
#creatorcraft-next .n-node-agents {
    right: 8%;
    top: 12%;
}
#creatorcraft-next .n-node-research {
    right: 1%;
    top: 43%;
}
#creatorcraft-next .n-node-business {
    right: 9%;
    top: 74%;
}
#creatorcraft-next .n-orbit-particle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cbb9f0;
    box-shadow: 0 0 10px #c4a8f4b3;
    pointer-events: none;
    offset-path: ellipse(35% 28% at 50% 50%);
    offset-rotate: 0deg;
    animation: n-orbit-travel 32s linear infinite;
    animation-play-state: var(--n-motion);
}
#creatorcraft-next .n-particle-b {
    offset-path: ellipse(25% 35% at 50% 50%);
    width: 4px;
    height: 4px;
    opacity: 0.7;
    animation-duration: 39s;
    animation-delay: -17s;
}
#creatorcraft-next .n-particle-c {
    width: 3px;
    height: 3px;
    opacity: 0.5;
    animation-duration: 47s;
    animation-delay: -25s;
}
#creatorcraft-next .n-orbit-hint {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #8f849f;
    font-size: 9px;
    letter-spacing: 0.04em;
}
#creatorcraft-next .n-orbit-detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;
    min-height: 177px;
    margin: 23px auto 0;
    padding: 28px 35px;
    border: 1px solid #80718f40;
    border-radius: 11px;
    background: linear-gradient(105deg, #211a2e80, #11131dde);
    position: relative;
    z-index: 6;
}
#creatorcraft-next .n-detail-kicker {
    font-size: 9px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #b5a0cc;
}
#creatorcraft-next .n-orbit-detail h3 {
    font:
        400 30px/1.05 "Instrument Serif",
        Georgia,
        serif;
    color: #e9e0f1;
    margin-top: 9px;
}
#creatorcraft-next .n-orbit-detail p {
    font-size: 11px;
    color: var(--n-muted);
    margin-top: 11px;
    line-height: 1.8;
    max-width: 430px;
}
#creatorcraft-next .n-orbit-capabilities {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}
#creatorcraft-next .n-orbit-capabilities li {
    font-size: 10px;
    line-height: 1.5;
    color: #c9bdd7;
    padding-left: 12px;
    position: relative;
}
#creatorcraft-next .n-orbit-capabilities li:before {
    content: "";
    position: absolute;
    top: 0.55em;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #a88bbf;
}
#creatorcraft-next .n-connection .n-value-grid {
    margin-top: 25px;
}
@keyframes n-orbit-travel {
    from {
        offset-distance: 0%;
    }
    to {
        offset-distance: 100%;
    }
}
@media (max-width: 1050px) {
    #creatorcraft-next .n-orbit-node {
        width: 216px;
        padding: 12px;
        gap: 10px;
    }
    #creatorcraft-next .n-node-creative {
        left: 5%;
    }
    #creatorcraft-next .n-node-agents {
        right: 5%;
    }
    #creatorcraft-next .n-node-sites {
        left: 6%;
    }
    #creatorcraft-next .n-node-business {
        right: 6%;
    }
    #creatorcraft-next .n-orbit-node b {
        font-size: 11px;
    }
    #creatorcraft-next .n-orbit-node small {
        font-size: 8px;
    }
    #creatorcraft-next .n-orbit-detail {
        gap: 35px;
        padding: 27px;
    }
}
@media (max-width: 850px) {
    #creatorcraft-next .n-orbit-node {
        width: 195px;
        padding: 11px;
        gap: 9px;
    }
    #creatorcraft-next .n-node-creative {
        left: 3%;
    }
    #creatorcraft-next .n-node-agents {
        right: 3%;
    }
    #creatorcraft-next .n-node-sites {
        left: 4%;
    }
    #creatorcraft-next .n-node-business {
        right: 4%;
    }
    #creatorcraft-next .n-node-marketing {
        left: 0;
    }
    #creatorcraft-next .n-node-research {
        right: 0;
    }
    #creatorcraft-next .n-orbit-node small {
        font-size: 8px;
    }
    #creatorcraft-next .n-node-symbol {
        width: 30px;
        height: 33px;
        font-size: 22px;
    }
    #creatorcraft-next .n-orbit-core {
        width: 148px;
        height: 148px;
    }
    #creatorcraft-next .n-orbit-core strong {
        font-size: 25px;
    }
    #creatorcraft-next .n-orbit-mark {
        width: 57px;
        height: 50px;
        background-size: auto 50px;
    }
    #creatorcraft-next .n-orbit-core > span:last-child {
        font-size: 7px;
        margin-top: 8px;
    }
    #creatorcraft-next .n-orbit-detail {
        gap: 28px;
        padding: 25px;
    }
    #creatorcraft-next .n-orbit-capabilities {
        column-gap: 12px;
    }
    #creatorcraft-next .n-node-arrow {
        display: none;
    }
}
@media (max-width: 650px) {
    #creatorcraft-next .n-orbit-stage {
        height: auto;
        padding-top: 202px;
    }
    #creatorcraft-next .n-orbit-atmosphere {
        inset: 0 -10% 35%;
    }
    #creatorcraft-next .n-orbit-lines {
        height: 210px;
        top: -6px;
        opacity: 0.65;
    }
    #creatorcraft-next .n-orbit-particle {
        display: none;
    }
    #creatorcraft-next .n-orbit-core {
        top: 92px;
        width: 143px;
        height: 143px;
    }
    #creatorcraft-next .n-orbit-nodes {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        position: relative;
        z-index: 3;
    }
    #creatorcraft-next .n-orbit-node {
        position: relative;
        inset: auto;
        width: auto;
        min-width: 0;
        min-height: 77px;
        gap: 9px;
        padding: 12px 10px;
    }
    #creatorcraft-next .n-orbit-node small {
        display: none;
    }
    #creatorcraft-next .n-orbit-node b {
        font-size: 11px;
        line-height: 1.5;
    }
    #creatorcraft-next .n-node-symbol {
        width: 30px;
        height: 32px;
        font-size: 22px;
    }
    #creatorcraft-next .n-orbit-hint {
        position: static;
        font-size: 9px;
        padding: 20px 0 0;
    }
    #creatorcraft-next .n-orbit-detail {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-top: 22px;
        min-height: 0;
        padding: 25px;
    }
    #creatorcraft-next .n-orbit-detail h3 {
        font-size: 30px;
    }
    #creatorcraft-next .n-orbit-detail p {
        font-size: 12px;
    }
    #creatorcraft-next .n-orbit-capabilities {
        row-gap: 10px;
        column-gap: 17px;
    }
    #creatorcraft-next .n-orbit-capabilities li {
        font-size: 11px;
    }
    #creatorcraft-next .n-ecosystem {
        margin-top: 22px;
    }
}
@media (max-width: 370px) {
    #creatorcraft-next .n-orbit-node {
        gap: 7px;
        padding: 10px 8px;
    }
    #creatorcraft-next .n-node-symbol {
        width: 25px;
        height: 30px;
        font-size: 20px;
    }
    #creatorcraft-next .n-orbit-node b {
        font-size: 10px;
    }
    #creatorcraft-next .n-orbit-detail {
        padding: 22px;
    }
    #creatorcraft-next .n-orbit-capabilities {
        column-gap: 12px;
    }
}
@media (prefers-reduced-motion: reduce) {
    #creatorcraft-next .n-orbit-particle {
        display: none;
    }
    #creatorcraft-next .n-orbit-node:hover,
    #creatorcraft-next .n-orbit-node:focus-visible,
    #creatorcraft-next .n-orbit-node[aria-pressed="true"] {
        transform: none;
    }
}
#creatorcraft-next .n-managed-copy {
    font-size: 12px;
    color: var(--n-muted);
    max-width: 370px;
    margin-top: 18px;
    line-height: 1.9;
}
#creatorcraft-next .n-managed-copy p + p,
#creatorcraft-next .n-case-copy p + p {
    margin-top: 10px;
}
#creatorcraft-next .n-case-copy {
    margin-top: 13px;
    font-size: 12px;
    line-height: 1.8;
    color: var(--n-muted);
}
#creatorcraft-next .n-step-copy {
    font-size: 11px;
    line-height: 1.9;
    color: var(--n-muted);
    margin-top: 10px;
}
#creatorcraft-next .n-faq-answer {
    margin-top: 14px;
    font-size: 11px;
    line-height: 1.9;
    color: var(--n-muted);
}
#creatorcraft-next .n-faq-answer p:first-child {
    margin-top: 0;
}
#creatorcraft-next .n-ecosystem-description {
    font-size: 11px;
    color: var(--n-muted);
    margin-top: 11px;
    line-height: 1.8;
    max-width: 430px;
}
#creatorcraft-next .n-custom-illustration {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    max-height: 340px;
    object-fit: contain;
    border-radius: 10px;
}
#creatorcraft-next .n-case-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#creatorcraft-next .n-orbit-additional {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
}
#creatorcraft-next .n-orbit-additional .n-orbit-node {
    position: relative;
    inset: auto;
}
#creatorcraft-next .n-trust-copy {
    text-align: center;
    font-size: 11px;
    color: var(--n-muted);
    padding-bottom: 30px;
}
#creatorcraft-next .n-faq-description {
    font-size: 12px;
    color: var(--n-muted);
    margin-top: 20px;
}
#creatorcraft-next .n-announcement {
    text-align: center;
    background: #201a2e;
    color: #d4c8e7;
    padding: 8px 20px;
    font-size: 11px;
}
#creatorcraft-next .n-access-notice {
    font-size: 10px;
}
#creatorcraft-next .n-nav-toggle {
    display: none;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #77699b80;
    border-radius: 6px;
    color: var(--n-text);
    background: transparent;
    font: inherit;
}
#creatorcraft-next .n-footer-links {
    flex-wrap: wrap;
    align-items: center;
}
@media (max-width: 620px) {
    #creatorcraft-next .n-nav-toggle {
        display: block;
    }
    #creatorcraft-next .n-nav-right {
        gap: 10px;
    }
    #creatorcraft-next .n-nav-links[data-open] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 69px;
        left: 0;
        right: 0;
        padding: 20px;
        gap: 20px;
        background: #141421;
        border: 1px solid #45405b;
        border-radius: 0 0 10px 10px;
        font-size: 13px;
    }
    #creatorcraft-next .n-managed-copy {
        font-size: 11px;
        margin-top: 16px;
    }
    #creatorcraft-next .n-step-copy,
    #creatorcraft-next .n-ecosystem-description {
        font-size: 12px;
    }
}
@media (max-width: 370px) {
    #creatorcraft-next .n-login {
        display: none;
    }
}
[dir="rtl"] #creatorcraft-next .n-nav-links[data-open] {
    align-items: flex-end;
}
@media (max-width: 620px) {
    #creatorcraft-next .n-nav .n-button,
    #creatorcraft-next .n-nav-toggle {
        min-height: 44px;
    }
    #creatorcraft-next .n-login {
        padding-block: 12px;
    }
}