#landing {
        display: flex;
        width: 100%;
        flex-direction: column;
        overflow-y: auto;
        scroll-margin-block: 100vh;
      }
      .hero-section {
        padding-top: 6%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        z-index: 3;
        position: relative;
        min-height: 100vh;
      }
      .background-1 {
        position: absolute;
        z-index: 1;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 10vh;
      }
      .background-1 img {
        width: 100%;
        object-fit: cover;
      }
      .background-2 {
        position: sticky;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
      }
      .background-2 img {
        width: 50%;
        object-fit: contain;
      }
      #landing .title-box {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        margin-top: 6rem;
        z-index: 2;
        width: 100%;
      }
      #landing .title-box .title-1 {
        font-size: 1.2rem;
        font-weight: 500;
        border: 1px solid var(--border-clr-1);
        padding: 0.2rem 1.6rem;
        border-radius: 100px;
        background-color: #ffffff0a;
        box-shadow: 0 -4px 16px #6b5ff629 inset;
      }
      #landing .title-box .title-2 {
        font-size: 8vmin;
        font-weight: 650;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
      }
      #landing .title-box .title-2 span {
        line-height: 1;
      }
      #landing .title-box .title-2 .span-2 {
        background: linear-gradient(90deg, #ffffff 0%, var(--accent-1) 100%);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
      }
      #landing .title-box .desc {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 1.1rem;
      }
      #landing .title-box .create-token-box {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--border-clr-1);
        padding: 0.4rem;
        border-radius: 100px;
        gap: 10rem;
        background-color: #ffffff14;
      }
      #landing .title-box .create-token-box .create-token-text {
        margin-left: 1.2rem;
        background: none;
        border: none;
        outline: none;
        font-size: 1rem;
      }
      #landing .title-box .create-token-box .create-token-text::placeholder {
        color: inherit;
      }
      #landing .title-box .create-token-box .create-token-btn {
        background: #fff;
        color: var(--bg-clr-1);
        border-radius: 100px;
        padding: 0.6rem 0.5rem 0.6rem 1.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.8rem;
      }
      #landing .content-container {
        background-color: var(--bg-clr-1);
        border-radius: 6vmin 6vmin 0 0;
        z-index: 3;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 6rem;
        padding: 5rem;
      }
      #landing .content-container .content-section {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-grow: 0;
        gap: 2rem;
      }
      #landing .content-img-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative;
        width: 100%;
        border-radius: 6ex 6ex 0 0;
        overflow: hidden;
        box-shadow:
          0 -33px 72px #6a5ff61a,
          0 -130px 130px #6a5ff617,
          0 -293px 176px #6a5ff60d,
          0 -521px 208px #6a5ff603,
          0 -814px 228px #6a5ff600;
      }
      #landing .content-img-1 img {
        width: calc(100% - 8px);
        z-index: 2;
        border-radius: 6ex 6ex 0 0;
        transform: translateY(4px);
      }
      #landing .content-img-1 .border-bg {
        background: linear-gradient(106.38deg, #6b5ff6, #3f3890);
        position: absolute;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        z-index: 1;
        bottom: 0;
      }
      #landing .content-img-1 .fade-fg {
        background: linear-gradient(180deg, #0000, #000);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 3;
        bottom: 0;
      }
      #landing .content-img-1 .content-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        position: absolute;
        top: 2rem;
        left: 2rem;
        z-index: 4;
      }
      #landing .content-img-1 .content-controls span {
        background-color: var(--control-clr);
        aspect-ratio: 1;
        height: 2vmin;
        border-radius: 100%;
      }
      #landing .content-img-1 .content-controls span:nth-child(1) {
        --control-clr: #de2e2e;
      }
      #landing .content-img-1 .content-controls span:nth-child(2) {
        --control-clr: #f7b749;
      }
      #landing .content-img-1 .content-controls span:nth-child(3) {
        --control-clr: #3bd123;
      }
      #landing .content-container .content-text-1 {
        font-size: 3.5rem;
        font-weight: 650;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      #landing .content-container .content-text-2 {
        font-size: 2.5rem;
        font-weight: 600;
      }
      #landing .phone-parallax-section {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 2.5rem;
      }
      #landing .phone-parallax-section .img-container {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
      }
      #landing .phone-parallax-section .img-container .iphone-img {
        height: 80vh;
        z-index: 2;
      }
      #landing .phone-parallax-section .img-container .iphone-img img {
        height: 100%;
      }
      #landing .phone-parallax-section .img-container .left-img {
        height: calc(80vh - 26%);
        position: absolute;
        z-index: 3;
        left: -43%;
      }
      #landing .phone-parallax-section .img-container .right-img {
        height: calc(80vh - 26%);
        position: absolute;
        z-index: 1;
        right: -49.5%;
      }
      #landing .phone-parallax-section .img-container .left-img img,
      #landing .phone-parallax-section .img-container .right-img img {
        height: 100%;
      }
      #landing .phone-parallax-section .parallax-title {
        width: 60%;
        font-size: 5vmin;
        text-align: center;
      }
      #landing .features-section {
        width: 70%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        flex-direction: column;
        background: #0f0e13;
        border: 4px solid #151419;
        border-radius: 6ex;
        padding: 2.2rem 2.2rem 1rem 1rem;
      }
      #landing .features-section .features-label {
        font-size: 1rem;
        background-color: var(--bg-clr-2);
        border: 1px solid var(--border-clr-2);
        border-radius: 4ex;
        padding: 0.2rem 1.4rem;
        box-shadow:
          0 4px 8px 2px #5b5b5b40 inset,
          0 -4px 8px 2px #5b5b5b40 inset;
      }
      #landing .features-section .features-title {
        width: 80%;
        font-size: 5vmin;
        text-align: center;
      }
      #landing .features-section .features-subtitle {
        width: 80%;
        font-size: 1rem;
        text-align: center;
        color: #a3a3a3;
      }
      #landing .features-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
      }
      #landing .features-img {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        width: 100%;
        grid-row: span 2;
      }
      #landing .features-img img {
        width: 100%;
      }
      #landing .features-stats {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        grid-column: span 2;
      }
      #landing .features-stats .features-stat {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 5px;
        padding: 2.2rem;
        border-radius: 4ex;
      }
      #landing .features-stats .features-stat:nth-child(1) {
        background-color: #fff;
        color: #000;
        transform: translate(-18%) rotate(-20deg);
      }
      #landing .features-stats .features-stat:nth-child(2) {
        background-color: var(--accent-1);
        color: #fff;
        transform: translate(-8%) rotate(8deg);
      }
      #landing .features-stats .features-stat .features-stat-value {
        font-size: 7.8vmin;
        font-weight: 700;
        line-height: 1;
      }
      #landing .features-stats .features-stat .features-stat-label {
        font-size: 2vmin;
        line-height: 1;
      }
      #landing .features-description {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        grid-column: span 2;
        gap: 1rem;
        border-radius: 3ex;
        padding: 1.6rem;
        height: min-content;
      }
      #landing .features-description .features-description-text {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        color: #000;
        background-color: #fff;
      }
      #landing .features-description .features-description-text .features-description-title {
        font-size: 3vmin;
        font-weight: 700;
      }
      #landing .features-description .features-description-text .features-description-subtitle {
        font-size: 2.2vmin;
      }
      #landing .features-description .create-token-btn {
        color: #fff;
        background-color: var(--bg-clr-1);
        border-radius: 100px;
        padding: 0.6rem 0.8rem 0.6rem 1.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
      }
      @media (max-width: 768px) {
        .create-token-btn {
          display: none !important;
        }
      }
      @media (max-width: 768px) {
        #landing {
          display: flex;
          width: 100%;
          flex-direction: column;
          overflow-y: auto;
          scroll-margin-block: 100vh;
        }
        .hero-section {
          padding-top: 6%;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
          z-index: 3;
        }
        .background-1 {
          position: absolute;
          z-index: 1;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          top: 35vh;
        }
        .background-1 img {
          width: 100%;
          object-fit: cover;
        }
        .background-2 {
          position: sticky;
          top: 50%;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 2;
        }
        .background-2 img {
          width: 50%;
          object-fit: contain;
        }
        #landing .title-box {
          justify-content: center;
          align-items: center;
          display: flex;
          flex-direction: column;
          gap: 2rem;
          margin-top: 6rem;
          z-index: 2;
          width: 100%;
        }
        #landing .title-box .title-1 {
          font-size: 1rem;
          font-weight: 500;
          border: 1px solid var(--border-clr-1);
          padding: 0.2rem 1.6rem;
          border-radius: 100px;
          background-color: #ffffff0a;
          box-shadow: 0 -4px 16px #6b5ff629 inset;
          margin-top: 20px;
        }
        #landing .title-box .title-2 {
          font-size: 6vmin;
          font-weight: 650;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 0.5rem;
        }
        #landing .title-box .title-2 span {
          line-height: 1;
        }
        #landing .title-box .title-2 .span-2 {
          background: linear-gradient(90deg, #ffffff 0%, var(--accent-1) 100%);
          color: transparent;
          -webkit-background-clip: text;
          background-clip: text;
        }
        #landing .title-box .desc {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          font-size: 0.8rem;
        }
        #landing .title-box .create-token-box {
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid var(--border-clr-1);
          padding: 0.4rem;
          border-radius: 100px;
          gap: 2rem;
          background-color: #ffffff14;
        }
        #landing .title-box .create-token-box .create-token-text {
          margin-left: 1.2rem;
          background: none;
          border: none;
          outline: none;
          font-size: 1rem;
          display: none;
        }
        #landing .title-box .create-token-box .create-token-text::placeholder {
          color: inherit;
        }
        .create-token-btn-mobile {
          background: none;
          border: none;
          outline: none;
          font-size: 1rem;
          display: block !important;
        }
        #landing .title-box .create-token-box .create-token-btn {
          background: #fff;
          color: var(--bg-clr-1);
          border-radius: 100px;
          padding: 0.6rem 0.5rem 0.6rem 1.2rem;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0.8rem;
        }
        #landing .content-container {
          background-color: var(--bg-clr-1);
          border-radius: 6vmin 6vmin 0 0;
          z-index: 3;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          gap: 6rem;
          padding: 5rem;
        }
        #landing .content-container .content-section {
          width: 80%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          flex-grow: 0;
          gap: 2rem;
        }
        #landing .content-img-1 {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          position: relative;
          width: 100%;
          border-radius: 2ex 2ex 0 0;
          overflow: hidden;
          box-shadow:
            0 -33px 72px #6a5ff61a,
            0 -130px 130px #6a5ff617,
            0 -293px 176px #6a5ff60d,
            0 -521px 208px #6a5ff603,
            0 -814px 228px #6a5ff600;
        }
        #landing .content-img-1 img {
          width: calc(100% - 8px);
          z-index: 2;
          border-radius: 2ex 2ex 0 0;
          transform: translateY(4px);
        }
        #landing .content-img-1 .border-bg {
          background: linear-gradient(106.38deg, #6b5ff6, #3f3890);
          position: absolute;
          width: calc(100% + 4px);
          height: calc(100% + 4px);
          z-index: 1;
          bottom: 0;
        }
        #landing .content-img-1 .fade-fg {
          background: linear-gradient(180deg, #0000, #000);
          position: absolute;
          width: 100%;
          height: 100%;
          z-index: 3;
          bottom: 0;
        }
        #landing .content-img-1 .content-controls {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0.5rem;
          position: absolute;
          top: 1rem;
          left: 1.5rem;
          z-index: 4;
        }
        #landing .content-img-1 .content-controls span {
          background-color: var(--control-clr);
          aspect-ratio: 1;
          height: 1.5vmin;
          border-radius: 100%;
        }
        #landing .content-img-1 .content-controls span:nth-child(1) {
          --control-clr: #de2e2e;
        }
        #landing .content-img-1 .content-controls span:nth-child(2) {
          --control-clr: #f7b749;
        }
        #landing .content-img-1 .content-controls span:nth-child(3) {
          --control-clr: #3bd123;
        }
        #landing .content-container .content-text-1 {
          font-size: 1rem;
          font-weight: 650;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }
        #landing .content-container .content-text-2 {
          font-size: 2.5rem;
          font-weight: 600;
        }
        #landing .phone-parallax-section {
          display: flex;
          flex-direction: column;
          width: 100%;
          justify-content: center;
          align-items: center;
          gap: 2.5rem;
        }
        #landing .phone-parallax-section .img-container {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
        }
        #landing .phone-parallax-section .img-container .iphone-img {
          height: 80vh;
          z-index: 2;
        }
        #landing .phone-parallax-section .img-container .iphone-img img {
          height: 100%;
        }
        #landing .phone-parallax-section .img-container .left-img {
          height: calc(80vh - 26%);
          position: absolute;
          z-index: 3;
          left: -43%;
        }
        #landing .phone-parallax-section .img-container .right-img {
          height: calc(80vh - 26%);
          position: absolute;
          z-index: 1;
          right: -1.5%;
        }
        #landing .phone-parallax-section .img-container .left-img img,
        #landing .phone-parallax-section .img-container .right-img img {
          height: 100%;
        }
        #landing .phone-parallax-section .parallax-title {
          width: 60%;
          font-size: 5vmin;
          text-align: center;
        }
        #landing .features-section {
          width: 140%;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 1rem;
          flex-direction: column;
          background: #0f0e13;
          border: 4px solid #151419;
          border-radius: 6ex;
        }
        #landing .features-section .features-label {
          font-size: 1rem;
          background-color: var(--bg-clr-2);
          border: 1px solid var(--border-clr-2);
          border-radius: 4ex;
          box-shadow:
            0 4px 8px 2px #5b5b5b40 inset,
            0 -4px 8px 2px #5b5b5b40 inset;
        }
        #landing .features-section .features-title {
          width: 100%;
          font-size: 5vmin;
          text-align: center;
        }
        #landing .features-section .features-subtitle {
          width: 100%;
          font-size: 1rem;
          text-align: center;
          color: #a3a3a3;
        }
        #landing .features-container {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: 4rem;
          width: 100%;
        }
        #landing .features-img {
          display: flex;
          justify-content: center;
          align-items: center;
          overflow: hidden;
          width: 100%;
          grid-row: span 2;
        }
        #landing .features-img img {
          width: 100%;
        }
        #landing .features-stats {
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
          width: auto;
          gap: 2rem;
        }
        #landing .features-stats .features-stat {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: 5px;
          padding: 2.2rem;
          border-radius: 4ex;
        }
        #landing .features-stats .features-stat:nth-child(1) {
          background-color: #fff;
          color: #000;
          transform: translate(-0%) rotate(-0deg);
        }
        #landing .features-stats .features-stat:nth-child(2) {
          background-color: var(--accent-1);
          color: #fff;
          transform: translate(-0%) rotate(0);
        }
        #landing .features-stats .features-stat .features-stat-value {
          font-size: 7.8vmin;
          font-weight: 700;
          line-height: 1;
        }
        #landing .features-stats .features-stat .features-stat-label {
          font-size: 2vmin;
          line-height: 1;
        }
        #landing .features-description {
          display: flex;
          justify-content: center;
          align-items: flex-start;
          flex-direction: column;
          width: 100%;
          background-color: #fff;
          grid-column: span 2;
          gap: 1rem;
          border-radius: 3ex;
          padding: 1.6rem;
          height: min-content;
        }
        #landing .features-description .features-description-text {
          display: flex;
          justify-content: center;
          align-items: flex-start;
          flex-direction: column;
          width: 100%;
          color: #000;
          background-color: #fff;
        }
        #landing .features-description .features-description-text .features-description-title {
          font-size: 3vmin;
          font-weight: 700;
        }
        #landing .features-description .features-description-text .features-description-subtitle {
          font-size: 2.2vmin;
        }
        #landing .features-description .create-token-btn {
          color: #fff;
          background-color: var(--bg-clr-1);
          border-radius: 100px;
          padding: 0.6rem 0.8rem 0.6rem 1.2rem;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0.5rem;
        }
      }
      .trust-indicators {
        position: absolute;
        left: 3rem;
        top: 14rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        z-index: 10;
        max-width: 280px;
      }
      .trust-stats {
        background: #000000b3;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        border: 1px solid rgba(107, 95, 246, 0.3);
        border-radius: 16px;
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        box-shadow: 0 8px 32px #0000004d;
      }
      .trust-stat {
        text-align: center;
        padding: 0.5rem 0;
      }
      .trust-number {
        font-size: 2rem;
        font-weight: 700;
        background: linear-gradient(135deg, #6b5ff6, #00ffa3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        line-height: 1;
        margin-bottom: 0.5rem;
      }
      .trust-label {
        font-size: 0.9rem;
        color: #b0b0b0;
        font-weight: 500;
      }
      .trust-badges {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
      }
      .trust-badge {
        background: #0009;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 12px;
        padding: 0.8rem 1rem;
        display: flex;
        align-items: center;
        gap: 0.8rem;
        transition: all 0.3s ease;
        box-shadow: 0 4px 16px #0003;
      }
      .trust-badge:hover {
        background: #ffffff14;
        border-color: #6b5ff64d;
        transform: translate(5px);
      }
      .badge-icon {
        font-size: 1.2rem;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .badge-icon svg {
        width: 20px;
        height: 20px;
        transition: all 0.3s ease;
      }
      .trust-badge:hover .badge-icon svg {
        transform: scale(1.15) rotate(5deg);
      }
      .trust-badge span {
        font-size: 0.9rem;
        color: #fff;
        font-weight: 500;
      }
      .live-activity {
        background: #000000b3;
        border: 1px solid rgba(0, 255, 163, 0.4);
        border-radius: 16px;
        padding: 1rem;
        overflow: hidden;
        box-shadow: 0 8px 32px #00ffa31a;
      }
      .activity-header {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 1rem;
        font-size: 0.9rem;
        font-weight: 600;
        color: #00ffa3;
      }
      .live-dot {
        width: 8px;
        height: 8px;
        background: #00ffa3;
        border-radius: 50%;
        animation: pulse 2s infinite;
      }
      @keyframes pulse {
        0% {
          transform: scale(0.95);
          box-shadow: 0 0 #00ffa3b3;
        }
        70% {
          transform: scale(1);
          box-shadow: 0 0 0 10px #00ffa300;
        }
        to {
          transform: scale(0.95);
          box-shadow: 0 0 #00ffa300;
        }
      }
      .activity-item {
        margin-bottom: 0.5rem;
        font-size: 0.85rem;
        color: #d0d0d0;
        opacity: 0;
        animation: slideInUp 0.5s ease forwards;
        display: flex;
        align-items: center;
      }
      .activity-item svg {
        flex-shrink: 0;
        transition: transform 0.2s ease;
      }
      .activity-item:hover svg {
        transform: scale(1.1);
      }
      .activity-item:nth-child(2) {
        animation-delay: 0.5s;
      }
      .activity-item:nth-child(3) {
        animation-delay: 1s;
      }
      .activity-item:nth-child(4) {
        animation-delay: 1.5s;
      }
      @keyframes slideInUp {
        0% {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      @media (max-width: 1200px) {
        .trust-indicators {
          position: static;
          transform: none;
          max-width: 100%;
          margin: 2rem auto;
          padding: 0 2rem;
        }
        .trust-stats {
          flex-direction: row;
          justify-content: space-around;
          text-align: center;
        }
        .trust-badges {
          flex-direction: row;
          justify-content: center;
          flex-wrap: wrap;
        }
        .trust-badge {
          flex: 1;
          min-width: 140px;
        }
      }
      @media (max-width: 768px) {
        .trust-indicators {
          display: none;
        }
      }