:root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel: #0f141a;
        --panel2: #131a22;
        --panel3: #182029;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --grn-deep: #1c9e56;
        --amber: #e6b566;
        --blue: #6aa9f0;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --ease: cubic-bezier(0.22, 1, 0.36, 1);
      }
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
      }
      body {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        overflow-x: hidden;
        letter-spacing: 0.01em;
      }
      ::selection {
        background: var(--grn);
        color: #04140b;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      img {
        display: block;
        max-width: 100%;
      }

      .grain {
        position: fixed;
        inset: -50%;
        width: 200%;
        height: 200%;
        pointer-events: none;
        z-index: 9998;
        opacity: 0.04;
        mix-blend-mode: screen;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      }
      .cur,
      .cur-d {
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 10000;
        border-radius: 50%;
        mix-blend-mode: difference;
      }
      .cur {
        width: 32px;
        height: 32px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        transform: translate(-50%, -50%);
        transition:
          width 0.3s var(--ease),
          height 0.3s var(--ease);
      }
      .cur-d {
        width: 5px;
        height: 5px;
        background: #fff;
        transform: translate(-50%, -50%);
      }
      .cur.big {
        width: 66px;
        height: 66px;
        background: rgba(255, 255, 255, 0.05);
        border-color: transparent;
      }
      body.touch .cur,
      body.touch .cur-d {
        display: none;
      }

      .wrap {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
      }
      .ey {
        font-family: var(--mono);
        font-size: 11.5px;
        letter-spacing: 0.26em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
      }
      .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        background: var(--grn);
        border-radius: 50%;
        box-shadow: 0 0 10px var(--grn);
      }
      .ey.mut {
        color: var(--faint);
      }
      .ey.mut::before {
        background: var(--faint);
        box-shadow: none;
      }
      em {
        font-family: var(--serif);
        font-style: italic;
        font-weight: 340;
      }

      /* nav */
      .mspacer {
        flex: 1;
      }
      nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        transition: 0.4s;
      }
      nav.mnav {
        position: fixed;
        background: rgba(8, 9, 11, 0.82);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      .nav-in {
        max-width: 1280px;
        margin: 0 auto;
        padding: 18px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .logo {
        font-family: var(--serif);
        font-size: 23px;
        font-weight: 500;
        letter-spacing: 0.02em;
      }
      .logo b {
        color: var(--grn);
      }
      .nlinks {
        display: flex;
        gap: 36px;
      }
      .nlinks a {
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--mut);
        position: relative;
        padding: 4px 0;
        transition: 0.3s;
      }
      .nlinks a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: var(--grn);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s var(--ease);
      }
      .nlinks a:hover {
        color: var(--tx);
      }
      .nlinks a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }
      .btn {
        font-family: var(--mono);
        font-size: 12.5px;
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
        padding: 11px 20px;
        border-radius: 100px;
        border: 1px solid var(--line2);
        color: var(--tx);
        transition: 0.35s var(--ease);
        cursor: pointer;
        background: none;
      }
      .btn .circ {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--grn);
        display: grid;
        place-items: center;
        transition: 0.35s var(--ease);
      }
      .btn .circ svg {
        width: 10px;
        height: 10px;
        stroke: #05130a;
        stroke-width: 2;
        fill: none;
      }
      .btn:hover {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      .btn:hover .circ {
        background: #05130a;
      }
      .btn:hover .circ svg {
        stroke: var(--grn);
      }
      .btn.ghost .circ {
        display: none;
      }
      .btn.solid {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      .btn.solid .circ {
        background: #05130a;
      }
      .btn.solid .circ svg {
        stroke: var(--grn);
      }

      /* hero */
      .hero {
        position: relative;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 135px 0 0;
        overflow: hidden;
      }
      .hero-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      .hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 22% 58%;
      }
      .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
          linear-gradient(
            180deg,
            rgba(8, 9, 11, 0.5) 0%,
            rgba(8, 9, 11, 0.12) 22%,
            transparent 42%
          ),
          linear-gradient(
            90deg,
            rgba(8, 9, 11, 0.9) 0%,
            rgba(8, 9, 11, 0.78) 30%,
            rgba(8, 9, 11, 0.35) 48%,
            transparent 62%
          );
      }
      .hero-in {
        position: relative;
        z-index: 2;
        width: 100%;
      }
      .hero .h1 {
        max-width: 12ch;
      }
      .hero .sub {
        max-width: 34ch;
      }
      .h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.7rem, 5.6vw, 4.9rem);
        line-height: 0.98;
        letter-spacing: -0.022em;
        margin: 22px 0 0;
      }
      .h1 .ln {
        display: block;
        overflow: hidden;
        padding-bottom: 0.18em;
        margin-bottom: -0.18em;
      }
      .h1 .ln > span {
        display: block;
        transform: translateY(105%);
        transition: transform 1s var(--ease);
      }
      .reveal-hero .h1 .ln > span {
        transform: none;
      }
      .sub {
        max-width: 520px;
        margin: 24px 0 0;
        font-size: clamp(1rem, 1.2vw, 1.16rem);
        color: var(--mut);
      }
      .sub b {
        color: var(--tx);
        font-weight: 500;
      }
      .hero-cta {
        display: flex;
        gap: 14px;
        align-items: center;
        margin-top: 32px;
        flex-wrap: wrap;
      }
      .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      .trustline b {
        color: var(--tx);
      }
      .eyhero,
      .fade-up {
        opacity: 0;
        transform: translateY(16px);
        transition: 0.9s var(--ease);
      }
      .reveal-hero .eyhero,
      .reveal-hero .fade-up {
        opacity: 1;
        transform: none;
      }
      .reveal-hero .fade-up.d1 {
        transition-delay: 0.45s;
      }
      .reveal-hero .fade-up.d2 {
        transition-delay: 0.57s;
      }
      .reveal-hero .fade-up.d3 {
        transition-delay: 0.69s;
      }

      /* ---- product mockup kit (dark UI) ---- */
      .mock {
        position: relative;
        z-index: 2;
      }
      .app {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow:
          0 40px 90px -30px rgba(0, 0, 0, 0.8),
          0 0 0 1px rgba(61, 220, 132, 0.04);
        overflow: hidden;
        transform: perspective(1600px) rotateY(-6deg) rotateX(2deg);
        transition: transform 0.8s var(--ease);
      }
      .reveal-hero .app {
        transform: perspective(1600px) rotateY(-3deg) rotateX(1deg);
      }
      .app-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 11px 14px;
        border-bottom: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.02);
      }
      .dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #2a333d;
      }
      .dot.r {
        background: #e06a5a;
      }
      .dot.y {
        background: #e0b45a;
      }
      .dot.g {
        background: #5ad07a;
      }
      .app-url {
        margin-left: 10px;
        font-family: var(--mono);
        font-size: 10.5px;
        color: var(--faint);
        background: rgba(0, 0, 0, 0.3);
        padding: 4px 12px;
        border-radius: 6px;
      }
      .app-body {
        display: grid;
        grid-template-columns: 130px 1fr;
      }
      .side {
        border-right: 1px solid var(--line);
        padding: 16px 12px;
        display: flex;
        flex-direction: column;
        gap: 3px;
        background: rgba(0, 0, 0, 0.15);
      }
      .side .sl {
        font-family: var(--serif);
        font-size: 16px;
        padding: 2px 8px 12px;
        font-weight: 500;
      }
      .side .sl b {
        color: var(--grn);
      }
      .side a {
        font-size: 12px;
        color: var(--mut);
        padding: 8px 10px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        transition: 0.25s;
      }
      .side a .sd {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        background: #2c363f;
      }
      .side a.on {
        background: rgba(61, 220, 132, 0.1);
        color: var(--tx);
      }
      .side a.on .sd {
        background: var(--grn);
      }
      .side a:hover {
        color: var(--tx);
        background: rgba(255, 255, 255, 0.03);
      }
      .main {
        padding: 18px 20px 22px;
        min-height: 340px;
      }
      .main .mh {
        font-size: 11px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.05em;
      }
      .main .mt {
        font-family: var(--serif);
        font-size: 19px;
        margin: 2px 0 16px;
        font-weight: 400;
      }
      .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
      }
      .stat {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 11px 12px;
      }
      .stat .sk {
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
        font-family: var(--mono);
      }
      .stat .sv {
        font-family: var(--serif);
        font-size: 22px;
        margin-top: 4px;
        font-weight: 400;
      }
      .stat .sc {
        font-size: 10px;
        color: var(--grn);
        margin-top: 2px;
      }
      .panel-row {
        display: grid;
        grid-template-columns: 1.35fr 1fr;
        gap: 12px;
        margin-top: 12px;
      }
      .chart {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 14px 10px;
      }
      .chart .ck {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.05em;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
      }
      .bars {
        display: flex;
        align-items: flex-end;
        gap: 7px;
        height: 96px;
      }
      .bar {
        flex: 1;
        background: linear-gradient(180deg, var(--grn), var(--grn-deep));
        border-radius: 4px 4px 0 0;
        height: 0;
        transition: height 1s var(--ease);
        opacity: 0.9;
      }
      .reveal.in .bar,
      .go .bar {
        height: var(--h);
      }
      .list {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 12px 12px;
      }
      .list .lk {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        margin-bottom: 8px;
      }
      .lrow {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 7px 0;
        border-top: 1px solid var(--line);
      }
      .lrow:first-of-type {
        border-top: none;
      }
      .lav {
        width: 22px;
        height: 22px;
        border-radius: 6px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
      }
      .lrow .ln1 {
        font-size: 11px;
      }
      .lrow .ln2 {
        font-size: 9.5px;
        color: var(--faint);
      }
      .lscore {
        margin-left: auto;
        font-size: 10px;
        font-family: var(--mono);
        color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        padding: 2px 7px;
        border-radius: 6px;
      }

      /* floating notif cards */
      .notif {
        position: absolute;
        z-index: 5;
        background: rgba(14, 20, 27, 0.94);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 13px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.9);
        display: flex;
        gap: 10px;
        align-items: flex-start;
        max-width: 245px;
      }
      .notif .ni {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        background: rgba(61, 220, 132, 0.14);
        display: grid;
        place-items: center;
        flex: none;
      }
      .notif .ni svg {
        width: 13px;
        height: 13px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      .notif .nt {
        font-size: 11.5px;
        font-weight: 500;
        line-height: 1.3;
      }
      .notif .ns {
        font-size: 10px;
        color: var(--faint);
        margin-top: 2px;
      }
      .n1 {
        top: 14%;
        left: -42px;
        animation: fl 6s var(--ease) infinite;
      }
      .n2 {
        bottom: 20%;
        right: -38px;
        animation: fl 7s var(--ease) infinite 0.8s;
      }
      .n3 {
        bottom: -22px;
        left: 14%;
        animation: fl 6.5s var(--ease) infinite 0.4s;
      }
      @keyframes fl {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-9px);
        }
      }

      /* marquee */
      .marquee {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        padding: 18px 0;
        overflow: hidden;
        white-space: nowrap;
        background: var(--bg2);
      }
      .mq {
        display: inline-flex;
        gap: 32px;
        align-items: center;
        animation: mq 34s linear infinite;
      }
      .mq span {
        font-family: var(--serif);
        font-style: italic;
        font-size: 22px;
        color: var(--mut);
      }
      .mq b {
        color: var(--grn);
        font-size: 9px;
      }
      .marquee:hover .mq {
        animation-play-state: paused;
      }
      @keyframes mq {
        to {
          transform: translateX(-50%);
        }
      }

      /* sections */
      .sec {
        padding: 110px 0;
        position: relative;
      }
      .sechead {
        max-width: 760px;
        display: flex;
        flex-direction: column;
        gap: 18px;
      }
      .sectitle {
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.4vw, 3.5rem);
        line-height: 1.03;
        letter-spacing: -0.018em;
      }
      .reveal [data-r] {
        opacity: 0;
        transform: translateY(24px);
        transition: 0.85s var(--ease);
      }
      .reveal.in [data-r] {
        opacity: 1;
        transform: none;
      }
      .reveal.in [data-r].s2 {
        transition-delay: 0.1s;
      }
      .reveal.in [data-r].s3 {
        transition-delay: 0.2s;
      }

      /* manifesto with image */
      .manifesto {
        border-top: 1px solid var(--line);
      }
      .mani-grid {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 56px;
        align-items: center;
      }
      .mani-quote {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.8vw, 4rem);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      .mani-quote em {
        color: var(--grn);
      }
      .mani-body {
        color: var(--mut);
        margin-top: 26px;
        max-width: 460px;
      }
      .mani-body b {
        color: var(--tx);
      }
      .imgwrap {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      .imgwrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: saturate(0.92) contrast(1.02);
      }
      .imgwrap::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 40%,
          rgba(8, 9, 11, 0.55)
        );
      }
      .imgtag {
        position: absolute;
        left: 16px;
        bottom: 14px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: #dfe6ec;
      }

      /* feature rows (copy + mockup) */
      .feature {
        display: grid;
        grid-template-columns: 1fr 1.08fr;
        gap: 60px;
        align-items: center;
        padding: 64px 0;
        border-top: 1px solid var(--line);
      }
      .feature.rev {
        grid-template-columns: 1.08fr 1fr;
      }
      .feature.rev .fcopy {
        order: 2;
      }
      .fk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 16px;
      }
      .ftitle {
        font-family: var(--serif);
        font-weight: 350;
        font-size: clamp(1.7rem, 3vw, 2.5rem);
        line-height: 1.05;
        letter-spacing: -0.01em;
        margin-bottom: 16px;
      }
      .fcopy p {
        color: var(--mut);
        max-width: 440px;
      }
      .fchecks {
        list-style: none;
        margin-top: 22px;
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      .fchecks li {
        display: flex;
        align-items: center;
        gap: 11px;
        font-size: 14.5px;
        color: var(--tx);
      }
      .fchecks svg {
        width: 16px;
        height: 16px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2.2;
        flex: none;
      }

      /* approval card mockup */
      .approval {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        position: relative;
        max-width: 420px;
        margin-left: auto;
      }
      .ap-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
      }
      .ap-av {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
      }
      .ap-b {
        font-size: 13px;
        font-weight: 600;
      }
      .ap-s {
        font-size: 10.5px;
        color: var(--faint);
        font-family: var(--mono);
      }
      .ap-tag {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      .ap-media {
        height: 150px;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
      }
      .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 13px 2px;
        line-height: 1.5;
      }
      .ap-cap b {
        color: var(--tx);
        font-weight: 500;
      }
      .ap-actions {
        display: flex;
        gap: 10px;
      }
      .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 9px;
        padding: 11px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
        transition: 0.25s;
      }
      .ap-approve:hover {
        background: var(--grn2);
      }
      .ap-hold {
        padding: 11px 18px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 9px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        transition: 0.25s;
      }
      .ap-hold:hover {
        color: var(--tx);
        border-color: var(--line2);
      }
      .stamp {
        position: absolute;
        top: 56px;
        right: 22px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.1em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 10px;
        padding: 7px 14px;
        transform: rotate(-11deg) scale(0.6);
        opacity: 0;
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.3);
      }
      .reveal.in .stamp {
        animation: stampIn 0.6s var(--ease) 1s forwards;
      }
      @keyframes stampIn {
        to {
          opacity: 1;
          transform: rotate(-11deg) scale(1);
        }
      }

      /* calendar mockup */
      .cal {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      .cal-h {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 14px;
      }
      .cal-h .cm {
        font-family: var(--serif);
        font-size: 17px;
      }
      .cal-h .cl {
        font-family: var(--mono);
        font-size: 9.5px;
        color: var(--faint);
        display: flex;
        gap: 12px;
      }
      .cal-h .cl i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 5px;
      }
      .cal-h .cl i::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: var(--grn);
      }
      .cl .cb::before {
        background: var(--blue) !important;
      }
      .cl .ca::before {
        background: var(--amber) !important;
      }
      .cal-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 6px;
      }
      .cell {
        aspect-ratio: 1;
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 5px;
        font-size: 8.5px;
        color: var(--faint);
        position: relative;
        font-family: var(--mono);
      }
      .cell .cc {
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 5px;
        height: 15px;
        border-radius: 4px;
        font-size: 7.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #05130a;
        font-weight: 600;
        letter-spacing: 0.03em;
        opacity: 0;
        transform: translateY(4px);
        transition: 0.5s var(--ease);
      }
      .reveal.in .cell .cc {
        opacity: 1;
        transform: none;
      }
      .cc.reel {
        background: var(--grn);
      }
      .cc.car {
        background: var(--blue);
      }
      .cc.stat {
        background: var(--amber);
      }

      /* report mockup (stat band) */
      .report {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 20px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      .rep-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-bottom: 16px;
      }
      .rep-stats .stat .sv {
        font-size: 26px;
      }

      /* editorial full-bleed band */
      .band {
        position: relative;
        min-height: 520px;
        display: flex;
        align-items: flex-end;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        overflow: hidden;
      }
      .band .bimg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      .band .bimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) brightness(0.7);
      }
      .band::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
          90deg,
          rgba(8, 9, 11, 0.92) 0%,
          rgba(8, 9, 11, 0.55) 45%,
          rgba(8, 9, 11, 0.35) 100%
        );
      }
      .band-in {
        position: relative;
        z-index: 2;
        padding: 64px 0 60px;
      }
      .band-q {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 4.4vw, 3.6rem);
        line-height: 1.05;
        max-width: 16ch;
        letter-spacing: -0.018em;
      }
      .band-q em {
        color: var(--grn);
      }
      .band-s {
        color: var(--mut);
        margin-top: 20px;
        max-width: 440px;
      }

      /* who */
      .who-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        margin-top: 60px;
        border-top: 1px solid var(--line2);
      }
      .who-col {
        padding: 42px 42px 42px 0;
        border-right: 1px solid var(--line);
      }
      .who-col:last-child {
        padding: 42px 0 42px 42px;
        border-right: none;
      }
      .who-col .wk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 18px;
      }
      .who-col h3 {
        font-family: var(--serif);
        font-weight: 360;
        font-size: 1.8rem;
        margin-bottom: 14px;
      }
      .who-col p {
        color: var(--mut);
        max-width: 420px;
      }

      /* gate points */
      .gate-pts {
        display: flex;
        margin-top: 56px;
        border-top: 1px solid var(--line);
      }
      .gate-pts div {
        flex: 1;
        padding: 24px 28px 0 0;
        border-right: 1px solid var(--line);
        color: var(--mut);
        font-size: 0.96rem;
      }
      .gate-pts div:last-child {
        border-right: none;
        padding-right: 0;
      }
      .gate-pts .gk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--grn);
        text-transform: uppercase;
        display: block;
        margin-bottom: 12px;
      }

      /* pricing */
      .price {
        background: var(--bg2);
        border-top: 1px solid var(--line);
      }
      .price-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 56px;
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
      }
      .pcard {
        padding: 32px 26px;
        border-right: 1px solid var(--line);
        transition: 0.4s var(--ease);
      }
      .pcard:last-child {
        border-right: none;
      }
      .pcard:hover {
        background: rgba(61, 220, 132, 0.04);
      }
      .pcard.feat {
        background: rgba(61, 220, 132, 0.05);
      }
      .pcard .pn {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mut);
      }
      .pcard .pp {
        font-family: var(--serif);
        font-size: 2.2rem;
        font-weight: 360;
        margin: 16px 0 3px;
      }
      .pcard .pp small {
        font-size: 0.85rem;
        color: var(--faint);
        font-family: var(--sans);
      }
      .pcard .pt {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        color: var(--grn);
        text-transform: uppercase;
      }
      .pcard .pd {
        color: var(--mut);
        font-size: 0.9rem;
        line-height: 1.5;
        margin-top: 12px;
        min-height: 88px;
      }
      .price-note {
        margin-top: 24px;
        color: var(--faint);
        font-size: 0.9rem;
        font-family: var(--mono);
      }

      /* close */
      .close {
        padding: 130px 0 0;
        text-align: center;
      }
      .close .big {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.2vw, 3.6rem);
        line-height: 0.96;
        letter-spacing: -0.025em;
      }
      .close .big em {
        color: var(--grn);
      }
      .capture {
        display: flex;
        gap: 10px;
        max-width: 470px;
        margin: 44px auto 0;
        border: 1px solid var(--line2);
        border-radius: 100px;
        padding: 7px 7px 7px 24px;
        transition: 0.35s;
      }
      .capture:focus-within {
        border-color: var(--grn);
      }
      .capture input {
        flex: 1;
        background: none;
        border: none;
        outline: none;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 15px;
      }
      .capture input::placeholder {
        color: var(--faint);
      }
      .capture button {
        font-family: var(--mono);
        font-size: 12.5px;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 100px;
        padding: 12px 22px;
        cursor: pointer;
        transition: 0.3s;
      }
      .capture button:hover {
        background: var(--grn2);
      }
      .capnote {
        margin-top: 15px;
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }

      footer {
        margin-top: 130px;
        border-top: 1px solid var(--line);
        padding: 60px 0 40px;
      }
      .foot-top {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        flex-wrap: wrap;
        align-items: flex-start;
      }
      .foot-mark {
        font-family: var(--serif);
        font-size: clamp(3rem, 12vw, 9rem);
        line-height: 0.8;
        font-weight: 400;
      }
      .foot-mark b {
        color: var(--grn);
      }
      .foot-links {
        display: flex;
        gap: 56px;
        flex-wrap: wrap;
      }
      .foot-col {
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      .foot-col .fh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 5px;
      }
      .foot-col a {
        color: var(--mut);
        font-size: 14px;
        transition: 0.3s;
      }
      .foot-col a:hover {
        color: var(--grn);
      }
      .foot-bot {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        padding-top: 22px;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 11px;
        flex-wrap: wrap;
        gap: 12px;
      }

      @media (max-width: 980px) {
        .wrap,
        .nav-in {
          padding-left: 22px;
          padding-right: 22px;
        }
        .nlinks {
          display: none;
        }
        .hero-grid {
          grid-template-columns: minmax(0, 1fr);
          gap: 54px;
        }
        .hero-in {
          max-width: 100%;
        }
        .hero-figure {
          height: auto;
          width: 78%;
          right: -8%;
          bottom: 0;
          opacity: 0.22;
        }
        #cmdapp .main {
          min-height: 440px;
        }
        .hero-grid > *,
        .feature > *,
        .mani-grid > *,
        .mock,
        .fcopy {
          min-width: 0;
          max-width: 100%;
        }
        .app {
          transform: none;
          width: 100%;
        }
        .reveal-hero .app {
          transform: none;
        }
        .app-body {
          grid-template-columns: 108px 1fr;
        }
        .panel-row {
          grid-template-columns: 1fr;
        }
        .approval {
          margin: 0;
          max-width: 100%;
        }
        .mani-grid {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        .feature,
        .feature.rev {
          grid-template-columns: minmax(0, 1fr);
          gap: 34px;
        }
        .feature.rev .fcopy {
          order: 0;
        }
        .gate-pts {
          flex-direction: column;
        }
        .gate-pts div {
          border-right: none;
          border-bottom: 1px solid var(--line);
          padding: 20px 0;
        }
        .who-grid {
          grid-template-columns: 1fr;
        }
        .who-col,
        .who-col:last-child {
          padding: 32px 0;
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
        .price-grid {
          grid-template-columns: 1fr 1fr;
        }
        .pcard:nth-child(2n) {
          border-right: none;
        }
        .stats {
          grid-template-columns: repeat(2, 1fr);
        }
        .notif {
          display: none;
        }
        .sec {
          padding: 80px 0;
        }
      }
      @media (max-width: 560px) {
        .price-grid {
          grid-template-columns: 1fr;
        }
        .stats {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        * {
          animation-duration: 0.001s !important;
          transition-duration: 0.001s !important;
        }
        .h1 .ln > span {
          transform: none;
        }
        [data-r],
        .fade-up,
        .eyhero {
          opacity: 1 !important;
          transform: none !important;
        }
      }

      .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      .trustline b {
        color: var(--tx);
      }
      .integ {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: var(--bg2);
        padding: 34px 0;
      }
      .integ .ik {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--faint);
        text-align: center;
        margin-bottom: 20px;
      }
      .ilogos {
        display: flex;
        justify-content: center;
        gap: 14px 40px;
        flex-wrap: wrap;
      }
      .ilogos span {
        font-family: var(--serif);
        font-size: 20px;
        color: var(--mut);
        opacity: 0.65;
        transition: 0.3s var(--ease);
        cursor: default;
      }
      .ilogos span:hover {
        opacity: 1;
        color: var(--tx);
      }

      .hero {
        height: 100vh;
        display: flex;
        align-items: center;
        padding: 120px 0 70px;
      }
      .hero-in {
        position: relative;
        z-index: 2;
      }
      .hero-figure {
        position: absolute;
        right: 1.5%;
        bottom: 0;
        height: 84%;
        z-index: 1;
        pointer-events: none;
        -webkit-mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
        -webkit-mask-composite: source-in;
        mask-composite: intersect;
        mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
      }
      .hero-figure img {
        height: 100%;
        width: auto;
        object-fit: contain;
        object-position: bottom right;
        filter: saturate(0.96) contrast(1.02);
      }
      .screen {
        position: absolute;
        inset: 18px 20px;
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.6s var(--ease),
          transform 0.6s var(--ease);
        pointer-events: none;
      }
      .screen.on {
        opacity: 1;
        transform: none;
        pointer-events: auto;
      }

      .wimg {
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 22px;
        aspect-ratio: 16/10;
        border: 1px solid var(--line2);
        position: relative;
      }
      .wimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) contrast(1.02);
      }
      .wimg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(8, 9, 11, 0.5)
        );
      }

      #aurora,
      #fx {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
      }
      #aurora {
        z-index: 0;
        filter: blur(30px);
        opacity: 0.9;
        background:
          radial-gradient(
            38% 46% at 16% 20%,
            rgba(61, 220, 132, 0.1),
            transparent 68%
          ),
          radial-gradient(
            42% 42% at 84% 28%,
            rgba(28, 158, 86, 0.085),
            transparent 70%
          ),
          radial-gradient(
            55% 50% at 52% 96%,
            rgba(61, 220, 132, 0.07),
            transparent 72%
          );
        animation: aur 26s ease-in-out infinite alternate;
      }
      @keyframes aur {
        0% {
          transform: translate3d(-2%, -1%, 0) scale(1.05);
        }
        50% {
          transform: translate3d(3%, 2%, 0) scale(1.16);
        }
        100% {
          transform: translate3d(-1%, 3%, 0) scale(1.09);
        }
      }
      #fx {
        opacity: 0.6;
      }
      nav,
      header,
      section,
      footer,
      .marquee {
        position: relative;
        z-index: 1;
      }
      .pipe,
      .price,
      .integ,
      .marquee,
      #gate,
      #command,
      #who,
      #pricing {
        background: transparent !important;
      }
      /* heading mask-reveal */
      .sectitle,
      .mani-quote,
      .gate-big,
      .band-q,
      .close .big {
        clip-path: inset(0 105% 0 -5%);
        transition: clip-path 1.15s cubic-bezier(0.19, 1, 0.22, 1);
      }
      .reveal.in .sectitle,
      .reveal.in .mani-quote,
      .reveal.in .gate-big,
      .reveal.in .band-q,
      .close.reveal.in .big {
        clip-path: inset(0 -5% 0 -5%);
      }
      @media (prefers-reduced-motion: reduce) {
        #fx {
          display: none;
        }
        #aurora {
          animation: none;
        }
        .sectitle,
        .mani-quote,
        .gate-big,
        .band-q,
        .close .big {
          clip-path: none !important;
        }
      }
      /* mobile hero: copy in top negative space, figure clean below */
      @media (max-width: 760px) {
        .hero {
          flex-direction: column;
          justify-content: flex-start;
          align-items: stretch;
          min-height: 100svh;
          padding: 100px 0 0;
        }
        .hero-bg img {
          object-position: 50% 26%;
        }
        .hero::after {
          background:
            linear-gradient(
              180deg,
              rgba(8, 9, 11, 0.6) 0%,
              rgba(8, 9, 11, 0.14) 20%,
              transparent 42%
            ),
            linear-gradient(
              0deg,
              rgba(8, 9, 11, 0.97) 4%,
              rgba(8, 9, 11, 0.86) 20%,
              rgba(8, 9, 11, 0.42) 38%,
              transparent 54%
            );
        }
        .hero-in {
          max-width: 100%;
        }
        .h1 {
          font-size: clamp(2.4rem, 10.5vw, 3.3rem);
          margin-top: 14px;
        }
        .sub {
          font-size: 1.01rem;
          margin-top: 16px;
          max-width: 100%;
        }
        .hero-cta {
          gap: 11px;
          margin-top: 22px;
        }
        .hero-cta .btn {
          padding: 12px 20px;
        }
        .trustline {
          margin-top: 16px;
        }
      }

      .kcol {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 7px;
        min-height: 120px;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .kcol.gate {
        background: rgba(61, 220, 132, 0.06);
        border-color: rgba(61, 220, 132, 0.3);
      }
      .kh {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.04em;
        color: var(--faint);
      }
      .kcard {
        background: var(--panel3);
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 8px 7px;
        font-size: 9.5px;
        color: var(--mut);
        transition: 0.4s var(--ease);
      }
      .kcard.live {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--tx);
        font-weight: 500;
      }
      .ktag {
        margin-top: auto;
        font-family: var(--mono);
        font-size: 7px;
        letter-spacing: 0.14em;
        color: var(--grn-deep);
      }
      .kcard.kflow {
        border-color: rgba(61, 220, 132, 0.55);
        box-shadow: 0 0 22px rgba(61, 220, 132, 0.28);
        color: var(--tx);
        transform: translateY(-2px);
      }
      .kcard.kdone {
        background: rgba(61, 220, 132, 0.16);
        border-color: rgba(61, 220, 132, 0.6);
        color: var(--grn2);
        font-weight: 600;
      }

      /* ============ ZYR multi-page additions ============ */
      :root {
        --warn: #e8836f;
        --warn2: #f0a596;
      }

      /* nav active state (multi-page) */
      .nlinks a.active {
        color: var(--tx);
      }
      .nlinks a.active::after {
        content: "";
        display: block;
        height: 1px;
        background: var(--grn);
        margin-top: 4px;
        box-shadow: 0 0 8px var(--grn);
      }

      /* ---- interior page hero ---- */
      .phero {
        position: relative;
        padding: 160px 0 66px;
        border-bottom: 1px solid var(--line);
        overflow: hidden;
        z-index: 1;
      }
      .phero .ey {
        margin-bottom: 18px;
      }
      .phero h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.6rem, 6vw, 5rem);
        line-height: 0.98;
        letter-spacing: -0.024em;
        max-width: 15ch;
      }
      .phero h1 em {
        font-style: italic;
        color: var(--grn2);
      }
      .phero p {
        margin-top: 24px;
        max-width: 54ch;
        color: var(--mut);
        font-size: clamp(1rem, 1.2vw, 1.16rem);
      }

      /* ---- Marketing is broken: stat wall ---- */
      .broken .bhead {
        text-align: center;
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.6vw, 3.5rem);
        letter-spacing: -0.022em;
        color: var(--warn2);
      }
      .stat-wall {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 46px;
      }
      .swcard {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: var(--bg2);
        padding: 30px 26px 26px;
        overflow: hidden;
      }
      .swcard::before {
        content: "";
        position: absolute;
        top: 0;
        left: 26px;
        width: 36px;
        height: 3px;
        border-radius: 2px;
        background: var(--warn);
      }
      .swcard.good::before {
        background: var(--grn);
      }
      .swn {
        font-family: var(--serif);
        font-weight: 400;
        font-size: clamp(2.1rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        color: var(--warn);
        line-height: 1;
      }
      .swcard.good .swn {
        color: var(--grn2);
      }
      .swn small {
        font-size: 0.46em;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0;
        font-weight: 400;
      }
      .swl {
        margin-top: 12px;
        color: var(--mut);
        font-size: 0.94rem;
        line-height: 1.45;
      }
      .eqdiv {
        display: flex;
        align-items: center;
        gap: 22px;
        margin: 46px 0 8px;
      }
      .eqdiv span {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.18em;
        color: var(--grn);
        white-space: nowrap;
        text-transform: uppercase;
      }
      .eqdiv::before,
      .eqdiv::after {
        content: "";
        height: 1px;
        flex: 1;
        background: var(--line);
      }

      /* ---- reactive -> autonomous comparison ---- */
      .compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        margin-top: 48px;
      }
      .cmpcard {
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 34px;
        background: var(--bg2);
      }
      .cmpcard.zyr {
        border-color: rgba(61, 220, 132, 0.32);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.055),
          transparent 60%
        );
      }
      .cmph {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.5rem;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        gap: 11px;
      }
      .cmph .dotg {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 10px var(--grn);
      }
      .flow {
        display: flex;
        align-items: center;
        gap: 9px;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }
      .pill {
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 15px;
        border: 1px solid var(--line2);
        border-radius: 9px;
        color: var(--tx);
        background: rgba(255, 255, 255, 0.015);
      }
      .cmpcard.zyr .pill {
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--grn2);
        font-size: 11px;
        padding: 5px 10px;
      }
      .cmpcard.zyr .flow {
        gap: 5px;
      }
      .flow .arw {
        color: var(--faint);
        font-size: 13px;
      }
      .cmpcard.zyr .flow .arw {
        color: var(--grn);
      }
      .tags {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      .tag2 {
        font-family: var(--mono);
        font-size: 12px;
        padding: 6px 13px;
        border-radius: 7px;
        border: 1px solid rgba(232, 131, 111, 0.32);
        color: var(--warn2);
      }
      .cmpcard.zyr .tag2 {
        border-color: rgba(61, 220, 132, 0.45);
        color: var(--grn2);
        background: rgba(61, 220, 132, 0.09);
      }

      /* ---- five agents grid ---- */
      .agrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 50px;
      }
      .acard {
        border: 1px solid var(--line);
        border-radius: 20px;
        background: var(--bg2);
        padding: 32px;
        transition: 0.4s var(--ease);
      }
      .acard:hover {
        border-color: var(--line2);
        transform: translateY(-3px);
      }
      .acard.cta {
        background: linear-gradient(
          160deg,
          rgba(61, 220, 132, 0.09),
          transparent 70%
        );
        border-color: rgba(61, 220, 132, 0.28);
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .aico {
        width: 48px;
        height: 48px;
        border-radius: 13px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.18);
        display: grid;
        place-items: center;
        margin-bottom: 24px;
      }
      .aico svg {
        width: 22px;
        height: 22px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .ak {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--grn);
      }
      .acard h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.42rem;
        margin: 7px 0 11px;
      }
      .acard > p {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 18px;
        line-height: 1.5;
      }
      .alist {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .alist li {
        font-size: 0.92rem;
        color: var(--tx);
        display: flex;
        gap: 10px;
        align-items: center;
      }
      .alist svg {
        width: 14px;
        height: 14px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      .acard.cta h3 {
        font-size: 1.6rem;
        margin-bottom: 14px;
      }
      .acard.cta p {
        color: var(--mut);
        margin-bottom: 24px;
      }

      /* ---- 3-tier plans ---- */
      .plans {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 52px;
        align-items: start;
      }
      .plan {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: var(--bg2);
        padding: 36px 32px;
      }
      .plan.pop {
        border-color: var(--grn);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.07),
          transparent 55%
        );
        box-shadow: 0 0 70px -24px rgba(61, 220, 132, 0.45);
      }
      .pop-badge {
        position: absolute;
        top: -13px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--grn);
        color: #05130a;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.12em;
        padding: 6px 15px;
        border-radius: 100px;
        font-weight: 500;
        text-transform: uppercase;
      }
      .plan .pn {
        font-family: var(--serif);
        font-size: 1.55rem;
        font-weight: 400;
      }
      .plan .pdesc {
        color: var(--mut);
        font-size: 0.9rem;
        margin: 9px 0 24px;
        min-height: 40px;
        line-height: 1.45;
      }
      .plan .pp {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 3.1rem;
        letter-spacing: -0.02em;
        display: flex;
        align-items: baseline;
        gap: 5px;
        line-height: 1;
      }
      .plan .pp small {
        font-size: 0.85rem;
        color: var(--mut);
        font-family: var(--mono);
      }
      .plan .padd {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 9px;
        letter-spacing: 0.02em;
      }
      .pfeat {
        list-style: none;
        margin: 26px 0;
        display: flex;
        flex-direction: column;
        gap: 13px;
      }
      .pfeat li {
        display: flex;
        gap: 11px;
        font-size: 0.94rem;
        color: var(--tx);
        line-height: 1.4;
      }
      .pfeat svg {
        width: 15px;
        height: 15px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
        margin-top: 3px;
      }
      .pbtn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
        border-radius: 100px;
        font-family: var(--mono);
        font-size: 13px;
        border: 1px solid var(--line2);
        color: var(--tx);
        cursor: pointer;
        transition: 0.3s var(--ease);
        background: none;
        letter-spacing: 0.02em;
      }
      .pbtn:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      .plan.pop .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      .plan.pop .pbtn:hover {
        background: var(--grn2);
        border-color: var(--grn2);
      }
      .price-sub {
        text-align: center;
        margin-top: 26px;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--faint);
        letter-spacing: 0.03em;
      }

      /* ---- subscribe flow ---- */
      .subwrap {
        max-width: 660px;
        margin: 0 auto;
        border: 1px solid var(--line2);
        border-radius: 22px;
        background: var(--bg2);
        padding: 42px;
        position: relative;
        z-index: 1;
      }
      .substeps {
        display: flex;
        gap: 8px;
        margin-bottom: 14px;
      }
      .sstep {
        flex: 1;
        height: 4px;
        border-radius: 2px;
        background: var(--line2);
        transition: 0.4s;
      }
      .sstep.on {
        background: var(--grn);
      }
      .sscount {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--faint);
        text-transform: uppercase;
        margin-bottom: 24px;
      }
      .spanel {
        display: none;
        animation: sfade 0.5s var(--ease);
      }
      .spanel.on {
        display: block;
      }
      @keyframes sfade {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      .spanel h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.7rem;
        margin-bottom: 8px;
      }
      .spanel .shint {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 26px;
      }
      .field {
        margin-bottom: 16px;
      }
      .field label {
        display: block;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      .field input,
      .field select {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
      }
      .field input:focus,
      .field select:focus {
        outline: none;
        border-color: var(--grn);
      }
      .planpick {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
        margin-bottom: 8px;
      }
      .pp-opt {
        border: 1px solid var(--line2);
        border-radius: 13px;
        padding: 16px 14px;
        cursor: pointer;
        transition: 0.25s;
      }
      .pp-opt:hover {
        border-color: var(--line2);
      }
      .pp-opt.sel {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.06);
      }
      .pp-opt .ppn {
        font-family: var(--serif);
        font-size: 1.05rem;
      }
      .pp-opt .ppp {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 4px;
      }
      .brandrow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 12px 16px;
        margin-bottom: 16px;
      }
      .brandrow .stepper {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .brandrow button {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        border: 1px solid var(--line2);
        background: none;
        color: var(--tx);
        font-size: 16px;
        cursor: pointer;
      }
      .brandrow button:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      .summ {
        border: 1px solid var(--line);
        border-radius: 13px;
        background: var(--panel);
        padding: 20px;
        margin: 18px 0 22px;
      }
      .summ .srow {
        display: flex;
        justify-content: space-between;
        padding: 7px 0;
        font-size: 0.94rem;
        color: var(--mut);
      }
      .summ .srow b {
        color: var(--tx);
        font-weight: 500;
      }
      .summ .stotal {
        border-top: 1px solid var(--line);
        margin-top: 8px;
        padding-top: 14px;
        font-size: 1.05rem;
      }
      .summ .stotal b {
        color: var(--grn2);
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      .subact {
        display: flex;
        gap: 12px;
        margin-top: 8px;
      }
      .subact .pbtn {
        flex: 1;
      }
      .subback {
        flex: 0 0 auto;
        width: auto;
        padding: 15px 24px;
      }
      .sdone {
        text-align: center;
        padding: 20px 0;
      }
      .sdone .sdi {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: grid;
        place-items: center;
        margin: 0 auto 22px;
      }
      .sdone .sdi svg {
        width: 30px;
        height: 30px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      .sdone h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 2rem;
        margin-bottom: 12px;
      }
      .sdone p {
        color: var(--mut);
        max-width: 40ch;
        margin: 0 auto;
      }
      .securenote {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.04em;
      }

      /* ---- built by FIFTH ---- */
      .fifth-grid {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 48px;
        align-items: center;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: var(--bg2);
        padding: 52px;
      }
      .fifth-grid h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        line-height: 1.02;
      }
      .fifth-grid h2 em {
        font-style: normal;
        color: var(--grn2);
      }
      .fifth-grid > div > p {
        color: var(--mut);
        margin: 22px 0 30px;
        max-width: 46ch;
        line-height: 1.6;
      }
      .fcard {
        border: 1px solid var(--line2);
        border-radius: 18px;
        background: var(--panel);
        padding: 30px;
      }
      .fcard-top {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 18px;
      }
      .fcard-mark {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        overflow: hidden;
        display: grid;
        place-items: center;
      }
      .fcard-logo {
        width: 44px;
        height: 44px;
        object-fit: contain;
        display: block;
      }
      .fcard-name {
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      .fcard-name b {
        color: var(--grn2);
      }
      .fcard-sub {
        font-family: var(--mono);
        font-size: 11.5px;
        color: var(--mut);
        letter-spacing: 0.04em;
        border-bottom: 1px solid var(--line);
        padding-bottom: 18px;
        margin-bottom: 6px;
      }
      .frow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid var(--line);
      }
      .frow:last-child {
        border-bottom: none;
      }
      .frow b {
        font-weight: 500;
        font-size: 0.98rem;
      }
      .frow span {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--faint);
      }

      /* ---- FAQ ---- */
      .faq {
        max-width: 820px;
        margin: 48px auto 0;
      }
      .faq details {
        border-bottom: 1px solid var(--line);
        padding: 22px 0;
      }
      .faq summary {
        font-family: var(--serif);
        font-size: 1.2rem;
        cursor: pointer;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
      }
      .faq summary::-webkit-details-marker {
        display: none;
      }
      .faq summary::after {
        content: "+";
        color: var(--grn);
        font-family: var(--mono);
        font-size: 1.4rem;
        transition: 0.3s;
      }
      .faq details[open] summary::after {
        transform: rotate(45deg);
      }
      .faq details p {
        color: var(--mut);
        margin-top: 14px;
        max-width: 64ch;
        line-height: 1.6;
      }

      /* ---- responsive ---- */
      @media (max-width: 980px) {
        .stat-wall {
          grid-template-columns: 1fr 1fr;
        }
        .compare {
          grid-template-columns: 1fr;
        }
        .agrid {
          grid-template-columns: 1fr;
        }
        .plans {
          grid-template-columns: 1fr;
          gap: 26px;
        }
        .plan.pop {
          order: -1;
        }
        .fifth-grid {
          grid-template-columns: 1fr;
          gap: 34px;
          padding: 34px;
        }
        .planpick {
          grid-template-columns: 1fr;
        }
        .phero {
          padding: 130px 0 50px;
        }
      }
      @media (max-width: 560px) {
        .stat-wall {
          grid-template-columns: 1fr;
        }
        .subwrap {
          padding: 26px;
        }
      }

      /* heading em + centered sechead helper */
      .sectitle em,
      .ftitle em,
      .mani-quote em {
        font-style: italic;
        color: var(--grn2);
      }
      .sechead.ctr {
        text-align: center;
        align-items: center;
        max-width: none;
        margin: 0 auto;
      }
      .sechead.ctr .ey {
        justify-content: center;
      }
      .sechead.ctr .sub {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }

      /* ---- interior hero: 2-col with animated visual ---- */
      .phero .wrap {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 40px;
        align-items: center;
      }
      .phero-txt {
        min-width: 0;
      }
      .phero-viz {
        position: relative;
        display: grid;
        place-items: center;
        min-height: 400px;
      }
      .phero h1 {
        max-width: none;
      }
      /* orbital system */
      .orbit {
        position: relative;
        width: 380px;
        height: 380px;
      }
      .orbit .ring {
        position: absolute;
        inset: 0;
        border: 1px solid rgba(61, 220, 132, 0.13);
        border-radius: 50%;
      }
      .orbit .ring.r2 {
        inset: 46px;
        border-color: rgba(61, 220, 132, 0.1);
      }
      .orbit .ring.r3 {
        inset: 104px;
        border-color: rgba(61, 220, 132, 0.08);
      }
      .orbit-spin {
        position: absolute;
        inset: 0;
        animation: orbspin 46s linear infinite;
      }
      @keyframes orbspin {
        to {
          transform: rotate(360deg);
        }
      }
      .onode {
        position: absolute;
        width: 0;
        height: 0;
      }
      .onode .chip {
        position: absolute;
        transform: translate(-50%, -50%);
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.03em;
        color: var(--grn2);
        background: rgba(8, 9, 11, 0.72);
        border: 1px solid rgba(61, 220, 132, 0.32);
        border-radius: 100px;
        padding: 6px 12px;
        white-space: nowrap;
        animation: orbspinr 46s linear infinite;
        backdrop-filter: blur(2px);
      }
      .onode .chip::before {
        content: "";
        position: absolute;
        left: -4px;
        top: 50%;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 8px var(--grn);
        transform: translateY(-50%);
      }
      @keyframes orbspinr {
        to {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }
      .orbit-core {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 104px;
        height: 104px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        text-align: center;
        background: radial-gradient(
          circle,
          rgba(61, 220, 132, 0.16),
          transparent 72%
        );
      }
      .orbit-core b {
        font-family: var(--serif);
        font-size: 1.05rem;
        color: var(--tx);
        line-height: 1.05;
        position: relative;
        z-index: 2;
      }
      .orbit-core .oc-dot {
        position: absolute;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 22px var(--grn);
        top: -2px;
        animation: ocpulse 2.8s ease-in-out infinite;
      }
      @keyframes ocpulse {
        0%,
        100% {
          transform: scale(1);
          opacity: 1;
        }
        50% {
          transform: scale(1.6);
          opacity: 0.55;
        }
      }
      /* image visual (about) */
      .viz-img {
        position: relative;
        width: min(440px, 90%);
        aspect-ratio: 4/5;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      .viz-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.94) contrast(1.02);
      }
      .viz-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 45%,
          rgba(8, 9, 11, 0.6)
        );
      }
      .viz-chip {
        position: absolute;
        left: 18px;
        bottom: 16px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.06em;
        color: var(--grn2);
        border: 1px solid rgba(61, 220, 132, 0.3);
        border-radius: 100px;
        padding: 7px 13px;
        background: rgba(8, 9, 11, 0.55);
      }

      /* ---- inquiry / contact form ---- */
      .inquiry {
        max-width: 760px;
        margin: 44px auto 0;
        position: relative;
        z-index: 1;
      }
      .frow2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }
      .inquiry textarea {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
        resize: vertical;
        min-height: 120px;
      }
      .inquiry textarea:focus {
        outline: none;
        border-color: var(--grn);
      }
      .inquiry .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        margin-top: 6px;
      }
      .inquiry .pbtn:hover {
        background: var(--grn2);
      }

      @media (max-width: 900px) {
        .phero .wrap {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .phero-viz {
          min-height: 320px;
          margin-top: 6px;
        }
        .orbit {
          transform: scale(0.82);
        }
        .frow2 {
          grid-template-columns: 1fr;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .orbit-spin {
          animation: none;
        }
        .onode .chip {
          animation: none;
        }
        .orbit-core .oc-dot {
          animation: none;
        }
      }

      /* ---- single-file router ---- */
      .route {
        display: none;
      }
      .route.on {
        display: block;
        animation: routein 0.5s var(--ease);
      }
      @keyframes routein {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }

      /* pricing account toggle */
      .acct-toggle {
        display: inline-flex;
        gap: 4px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px;
        margin: 0 auto;
      }
      .at-opt {
        border: 0;
        background: transparent;
        color: var(--mut);
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 24px;
        border-radius: 999px;
        cursor: pointer;
        transition: all 0.18s;
      }
      .at-opt.on {
        background: var(--grn);
        color: #04120a;
        font-weight: 600;
      }
      .acct-note {
        text-align: center;
        color: var(--mut);
        font-size: 12.5px;
        margin: 0 auto 24px;
        max-width: 560px;
      }

      /* ---- social page hero resets (undo home .hero styles) ---- */
      /* ---- social page general resets for unscoped conflicts ---- */
      #r-instagram,
      #r-facebook,
      #r-tiktok,
      #r-linkedin,
      #r-x {
        overflow-x: hidden;
      }
      #r-instagram .band,
      #r-facebook .band,
      #r-tiktok .band,
      #r-linkedin .band,
      #r-x .band {
        min-height: auto;
        position: relative;
      }
      #r-instagram .band::before,
      #r-facebook .band::before,
      #r-tiktok .band::before,
      #r-linkedin .band::before,
      #r-x .band::before {
        display: none;
      }
      #r-instagram .approval,
      #r-facebook .approval,
      #r-tiktok .approval,
      #r-linkedin .approval,
      #r-x .approval {
        margin-left: 0;
        max-width: none;
      }
      #r-instagram .chart,
      #r-facebook .chart,
      #r-tiktok .chart,
      #r-linkedin .chart,
      #r-x .chart {
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
      }
      #r-instagram .hero,
      #r-facebook .hero,
      #r-tiktok .hero,
      #r-linkedin .hero,
      #r-x .hero {
        height: 100vh !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: initial;
        padding-top: 56px !important;
        padding-bottom: 56px;
        background: none;
      }
      #r-instagram .hero::after,
      #r-facebook .hero::after,
      #r-tiktok .hero::after,
      #r-linkedin .hero::after,
      #r-x .hero::after {
        display: none !important;
      }
      /* fix hero-mock scale so layout doesn't collapse */
      #r-instagram .hero-mock,
      #r-facebook .hero-mock,
      #r-tiktok .hero-mock,
      #r-linkedin .hero-mock,
      #r-x .hero-mock {
        overflow: hidden;
      }
      /* ensure wrap fills the hero properly */
      #r-instagram .hero .wrap,
      #r-facebook .hero .wrap,
      #r-tiktok .hero .wrap,
      #r-linkedin .hero .wrap,
      #r-x .hero .wrap {
        padding-top: 0;
        z-index: 2;
        position: relative;
      }

      .foot-brand {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      /* ---- product subpage fixes (undo conflicting phero grid + fixed-nav offset) ---- */
      /* Reset phero wrap grid so phero-grid takes full width */
      #r-product-plan .phero .wrap,
      #r-product-create .phero .wrap,
      #r-product-measure .phero .wrap {
        display: block;
      }
      /* Clear the fixed nav on the spine-sec step indicator */
      #r-product-plan .spine-sec,
      #r-product-create .spine-sec,
      #r-product-measure .spine-sec {
        padding-top: 0px;
      }
      /* Ensure phero has enough top clearance on top of spine-sec */
      #r-product-create .phero,
      #r-product-measure .phero {
        padding-top: 48px !important;
      }
      #r-product-plan .phero {
        padding-top: 40px !important;
      }
      /* phero-grid should be full-width 2-col */
      #r-product-create .phero-grid,
      #r-product-measure .phero-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        gap: 52px;
        align-items: center;
      }
      /* fix phero h1 not being overridden by unscoped .phero h1 */
      #r-product-create .phero h1,
      #r-product-measure .phero h1 {
        max-width: none;
        font-size: clamp(42px, 5.4vw, 68px);
      }
      /* remove the ::after gradient from phero on product pages */
      #r-product-plan .phero::after,
      #r-product-create .phero::after,
      #r-product-measure .phero::after {
        display: none;
      }

      .mt {
        margin-top: 180px;
      }
      /* tutorials / faqs / resources-zone */
      .tut {
        margin-top: 34px;
        border: 1px solid var(--line);
        border-radius: 18px;
        overflow: hidden;
        background: var(--bg2);
      }
      .tut-top {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
      }
      .tut-shot {
        border-right: 1px solid var(--line);
        background: #0a0d11;
        display: flex;
        align-items: center;
      }
      .tut-shot img {
        width: 100%;
        display: block;
      }
      .tut-body {
        padding: 30px 34px;
      }
      .tut .num {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        letter-spacing: 0.14em;
      }
      .tut h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin: 10px 0 8px;
      }
      .tut .intro {
        color: var(--mut);
        font-size: 15px;
        margin-bottom: 16px;
      }
      .tut ol {
        list-style: none;
        counter-reset: st;
      }
      .tut li {
        counter-increment: st;
        position: relative;
        padding: 10px 0 10px 36px;
        color: var(--tx);
        font-size: 14.5px;
        border-top: 1px solid var(--line);
        line-height: 1.5;
      }
      .tut li:first-child {
        border-top: none;
      }
      .tut li b {
        color: var(--grn2);
      }
      .tut li::before {
        content: counter(st);
        position: absolute;
        left: 0;
        top: 9px;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        color: var(--grn);
        font-family: var(--mono);
        font-size: 11px;
        display: grid;
        place-items: center;
      }
      .tut .meta {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        margin-top: 18px;
        letter-spacing: 0.04em;
      }
      .tut-top {
        grid-template-columns: 1fr;
      }
      .tut-shot {
        border-right: none;
        border-bottom: 1px solid var(--line);
      }
      @media (max-width: 860px) {
        .tut-top {
          grid-template-columns: 1fr;
        }
        .tut-shot {
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
      }
      #r-tutorials .rzwrap {
        max-width: 1180px;
        padding-left: 28px;
        padding-right: 28px;
      }
      #r-tutorials .tz-search {
        margin-top: 26px;
        max-width: 460px;
        display: flex;
        align-items: center;
        gap: 10px;
        background: var(--panel2);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 12px 15px;
      }
      #r-tutorials .tz-search input {
        flex: 1;
        background: none;
        border: none;
        outline: none;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 15px;
      }
      #r-tutorials .tz-search svg {
        width: 17px;
        height: 17px;
        fill: var(--faint);
        flex: none;
      }
      #r-tutorials .tz-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 22px 0 34px;
      }
      #r-tutorials .tz-chip {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--mut);
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 8px 15px;
        cursor: pointer;
        transition: 0.14s;
      }
      #r-tutorials .tz-chip:hover {
        color: var(--tx);
        border-color: var(--line2);
      }
      #r-tutorials .tz-chip.on {
        background: var(--grn);
        color: #06231a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-tutorials .tz-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
      }
      #r-tutorials .tz-card {
        background: var(--card-bg);
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        transition: 0.18s;
        cursor: pointer;
        color: inherit;
        text-decoration: none;
      }
      #r-tutorials .tz-card:hover {
        transform: translateY(-4px);
        border-color: var(--line2);
        box-shadow: var(--shadow);
      }
      #r-tutorials .tz-thumb {
        position: relative;
        aspect-ratio: 16/10;
        overflow: hidden;
        border-bottom: 1px solid var(--line);
        background: #0c1116;
      }
      #r-tutorials .tz-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left top;
      }
      #r-tutorials .tz-thumb::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 52px;
        height: 52px;
        transform: translate(-50%, -50%);
        border-radius: 999px;
        background: rgba(8, 9, 11, 0.55);
        border: 1px solid rgba(255, 255, 255, 0.25);
        backdrop-filter: blur(3px);
      }
      #r-tutorials .tz-thumb::before {
        content: "";
        position: absolute;
        left: calc(50% + 3px);
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        border-style: solid;
        border-width: 8px 0 8px 14px;
        border-color: transparent transparent transparent #fff;
      }
      #r-tutorials .tz-dur {
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-family: var(--mono);
        font-size: 11px;
        background: rgba(8, 9, 11, 0.72);
        border: 1px solid var(--line2);
        border-radius: 6px;
        padding: 3px 7px;
        color: var(--tx);
        z-index: 3;
      }
      #r-tutorials .tz-cbody {
        padding: 18px 18px 20px;
        display: flex;
        flex-direction: column;
        gap: 9px;
        flex: 1;
      }
      #r-tutorials .tz-tagrow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }
      #r-tutorials .tz-tag {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--grn);
      }
      #r-tutorials .tz-num {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-tutorials .tz-card h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 21px;
        line-height: 1.15;
        letter-spacing: -0.01em;
      }
      #r-tutorials .tz-card p {
        color: var(--mut);
        font-size: 14px;
        line-height: 1.55;
      }
      #r-tutorials .tz-more {
        margin-top: auto;
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--grn);
        padding-top: 6px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }
      #r-tutorials .tz-card:hover .tz-more b {
        transform: translateX(3px);
      }
      #r-tutorials .tz-more b {
        transition: 0.15s;
      }
      #r-tutorials .tz-empty {
        color: var(--mut);
        font-size: 14px;
        padding: 20px 0;
      }
      .tzd {
        max-width: 900px !important;
      }
      .tz-back {
        display: inline-block;
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--mut);
        margin-bottom: 22px;
        cursor: pointer;
      }
      .tz-back:hover {
        color: var(--grn);
      }
      .tzd-h1 {
        font-size: clamp(30px, 4vw, 46px) !important;
        margin: 6px 0 0;
      }
      .tzv {
        margin: 26px 0 34px;
        border: 1px solid var(--line2);
        border-radius: 16px;
        overflow: hidden;
        background: #05070a;
        aspect-ratio: 16/9;
        box-shadow: var(--shadow);
      }
      .tzv video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .tzsteps {
        max-width: 760px;
      }
      .tzsteps h4 {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      .tzsteps ol {
        margin: 0;
        padding-left: 0;
        list-style: none;
        counter-reset: s;
      }
      .tzsteps li {
        counter-increment: s;
        position: relative;
        padding: 12px 0 12px 40px;
        color: var(--mut);
        font-size: 15px;
        line-height: 1.6;
        border-top: 1px solid var(--line);
      }
      .tzsteps li:first-child {
        border-top: none;
      }
      .tzsteps li::before {
        content: counter(s);
        position: absolute;
        left: 0;
        top: 11px;
        width: 26px;
        height: 26px;
        border: 1px solid var(--line2);
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
      }
      .tzsteps li b {
        color: var(--tx);
      }
      .tzs-meta {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--faint);
        margin-top: 16px;
      }
      @media (max-width: 900px) {
        #r-tutorials .tz-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 640px) {
        #r-tutorials .tz-grid {
          grid-template-columns: 1fr;
        }
      }
          .cs-badge{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;background:rgba(233,240,244,.08);border:1px solid var(--line2);color:var(--mut);border-radius:4px;padding:2px 6px;vertical-align:middle;margin-left:6px}
      /* mega nav */
      .mnav {
        position: sticky;
        top: 0;
        z-index: 100;
        background: rgba(8, 9, 11, 0.82);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      .mnav-in {
        max-width: 1260px;
        margin: 0 auto;
        padding: 14px 40px;
        display: flex;
        align-items: center;
        gap: 26px;
      }
      .mlogo {
        font-family: var(--serif);
        font-size: 22px;
        cursor: pointer;
        letter-spacing: 0.02em;
      }
      .mlogo b {
        color: var(--grn);
      }
      .mmenu {
        display: flex;
        align-items: center;
        gap: 2px;
      }
      .mitem {
        position: relative;
      }
      .mitem > a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 10px 13px;
        cursor: pointer;
        border-radius: 8px;
      }
      .mitem > a:hover {
        color: var(--tx);
      }
      .mitem > a .car {
        font-size: 8px;
        opacity: 0.7;
      }
      .mega {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 236px;
        background: #0b0e12;
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 10px;
        display: none;
        flex-direction: column;
        gap: 1px;
        box-shadow: var(--shadow);
      }
      .mitem:hover .mega {
        display: flex;
      }
      .mega a {
        display: flex;
        flex-direction: column;
        padding: 9px 12px;
        border-radius: 9px;
        cursor: pointer;
      }
      .mega a:hover {
        background: rgba(61, 220, 132, 0.08);
      }
      .mega a b {
        font-size: 13px;
        color: var(--tx);
        font-weight: 500;
      }
      .mega a small {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--faint);
        margin-top: 2px;
      }
      .mspacer {
        flex: 1;
      }
      .burger {
        display: none;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        cursor: pointer;
        background: none;
        border: none;
        padding: 6px;
        border-radius: 8px;
        flex-shrink: 0;
      }
      .burger span {
        display: block;
        width: 22px;
        height: 2px;
        background: var(--tx);
        border-radius: 2px;
        transition: 0.3s var(--ease);
      }
      .burger.open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
      }
      .burger.open span:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
      }
      .burger.open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
      }
      .mob-menu {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(8, 9, 11, 0.97);
        backdrop-filter: blur(14px);
        z-index: 9997;
        padding: 80px 22px 32px;
        flex-direction: column;
        gap: 2px;
        overflow-y: auto;
        isolation: isolate;
      }
      .mob-menu.open {
        display: flex;
      }
      .mob-menu a {
        font-family: var(--mono);
        font-size: 15px;
        color: var(--mut);
        padding: 15px 4px;
        border-bottom: 1px solid var(--line);
        transition: 0.2s;
      }
      .mob-menu a:hover,
      .mob-menu a.active {
        color: var(--tx);
      }
      .mob-menu .mob-cta {
        margin-top: 24px;
        text-align: center;
        justify-content: center;
        display: inline-flex;
      }
      .mob-close {
        position: absolute;
        top: 16px;
        right: 18px;
        width: 38px;
        height: 38px;
        background: none;
        border: 1px solid var(--line2);
        border-radius: 10px;
        cursor: pointer;
        display: grid;
        place-items: center;
        padding: 0;
      }
      .mob-close span {
        position: absolute;
        width: 16px;
        height: 2px;
        background: var(--tx);
        border-radius: 2px;
        transition: 0.25s;
      }
      .mob-close span:nth-child(1) {
        transform: rotate(45deg);
      }
      .mob-close span:nth-child(2) {
        transform: rotate(-45deg);
      }
      .mob-close:hover {
        border-color: var(--grn);
      }
      .mob-close:hover span {
        background: var(--grn);
      }
      @media (max-width: 900px) {
        .mmenu {
          display: none;
        }
        .mnav-in {
          padding: 13px 20px;
        }
        .wrap {
          padding: 0 22px;
        }
        .burger {
          display: flex;
        }
        .mnav-in > .btn {
          display: none;
        }
      }
      /* router */
      .route {
        display: none;
      }
      .route.on {
        display: block;
        animation: fadein 0.35s ease;
      }
      @keyframes fadein {
        from {
          opacity: 0;
          transform: translateY(6px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }

      .foot-social {
        display: flex;
        gap: 10px;
        margin-top: 14px;
      }
      .foot-social a {
        width: 32px;
        height: 32px;
        border: 1px solid var(--line);
        border-radius: 9px;
        display: grid;
        place-items: center;
        cursor: pointer;
      }
      .foot-social a svg {
        width: 15px;
        height: 15px;
        fill: var(--mut);
      }
      .foot-social a:hover {
        border-color: var(--grn);
      }
      .foot-social a:hover svg {
        fill: var(--grn);
      }
      /* ============ LANDINGS ============ */
      .ld-hero {
        text-align: center;
        padding: 80px 0 20px;
        border-top: none;
      }
      .ld-hero h1 {
        max-width: 820px;
        margin: 20px auto 0;
      }
      .ld-hero .sub {
        margin: 20px auto 0;
        text-align: center;
      }
      .ld-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      .ld-grid.two {
        grid-template-columns: repeat(2, 1fr);
        max-width: 900px;
        margin: 0 auto;
      }
      @media (max-width: 820px) {
        .ld-grid,
        .ld-grid.two {
          grid-template-columns: 1fr;
        }
      }
      /* ============ PRICING ============ */
      .pr-hero {
        text-align: center;
        padding: 80px 0 30px;
        border-top: none;
      }
      .pr-hero h1 {
        margin-top: 18px;
      }
      .pr-toggle {
        display: inline-flex;
        gap: 4px;
        margin: 26px auto 0;
        padding: 4px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
      }
      .pr-toggle button {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
        background: none;
        border: none;
        padding: 9px 18px;
        border-radius: 40px;
        cursor: pointer;
      }
      .pr-toggle button.on {
        background: var(--grn);
        color: #05130a;
        font-weight: 500;
      }
      .pr-save {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--grn);
        margin-left: 8px;
      }
      .tiers {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
        max-width: 860px;
        margin: 0 auto;
      }
      .tier {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 20px;
        padding: 34px 30px;
        position: relative;
      }
      .tier.feat {
        border-color: var(--grn);
        box-shadow: 0 0 40px -18px rgba(61, 220, 132, 0.5);
      }
      .tier .badge2 {
        position: absolute;
        top: 18px;
        right: 22px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        padding: 4px 10px;
        border-radius: 20px;
      }
      .tier .tn {
        font-family: var(--serif);
        font-size: 26px;
      }
      .tier .td {
        color: var(--mut);
        font-size: 14px;
        margin-top: 6px;
        min-height: 40px;
      }
      .tier .price {
        font-family: var(--serif);
        font-size: 52px;
        font-weight: 330;
        margin: 18px 0 2px;
      }
      .tier .price span {
        font-size: 18px;
        color: var(--mut);
        font-family: var(--mono);
      }
      .tier .per {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.06em;
      }
      .tier .btn {
        width: 100%;
        justify-content: center;
        margin: 22px 0;
      }
      .tier ul {
        list-style: none;
      }
      .tier li {
        color: var(--mut);
        font-size: 14px;
        padding: 8px 0 8px 26px;
        position: relative;
        border-top: 1px solid var(--line);
      }
      .tier li:first-child {
        border-top: none;
      }
      .tier li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 15px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      .pr-note {
        text-align: center;
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        margin-top: 30px;
      }
      @media (max-width: 820px) {
        .tiers {
          grid-template-columns: 1fr;
        }
      }
      /* ============ RESOURCES ============ */
      .rs-tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      .rs-card {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 30px 26px;
        cursor: pointer;
      }
      .rs-card:hover {
        border-color: var(--grn);
      }
      .rs-card .ic {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.25);
        display: grid;
        place-items: center;
        margin-bottom: 16px;
      }
      .rs-card .ic svg {
        width: 21px;
        height: 21px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      .rs-card h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 8px;
      }
      .rs-card p {
        color: var(--mut);
        font-size: 15px;
      }
      .rs-card .n {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--grn);
        margin-top: 16px;
      }
      .rs-list {
        margin-top: 44px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      .rs-row {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 18px 22px;
        border-top: 1px solid var(--line);
      }
      .rs-row:first-child {
        border-top: none;
      }
      .rs-row .rt {
        flex: 1;
      }
      .rs-row .rt b {
        font-size: 15px;
        display: block;
      }
      .rs-row .rt small {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      .rs-row .tag {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        padding: 4px 10px;
        border-radius: 20px;
      }
      @media (max-width: 820px) {
        .rs-tabs {
          grid-template-columns: 1fr;
        }
      }
      /* ============ DEMO ============ */
      .dm-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: start;
      }
      .dm-grid ul {
        list-style: none;
        margin-top: 22px;
      }
      .dm-grid li {
        color: var(--mut);
        font-size: 13px;
        padding: 9px 0 9px 26px;
        position: relative;
      }
      .dm-grid li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 13px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      .dm-form {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        padding: 30px;
        box-shadow: var(--shadow);
      }
      .dm-form label {
        display: block;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
        margin: 14px 0 6px;
      }
      .dm-form input,
      .dm-form textarea,
      .dm-form select {
        width: 100%;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 12px 14px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 14px;
      }
      .dm-form textarea {
        min-height: 84px;
        resize: vertical;
      }
      .dm-form .btn {
        width: 100%;
        justify-content: center;
        margin-top: 22px;
      }
      .dm-ok {
        display: none;
        text-align: center;
        padding: 24px;
      }
      .dm-ok.on {
        display: block;
      }
      .dm-ok .ic {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.14);
        border: 1px solid var(--grn);
        display: grid;
        place-items: center;
        margin: 0 auto 16px;
      }
      .dm-ok .ic svg {
        width: 26px;
        height: 26px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      .dm-ok h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 8px;
      }
      .dm-ok p {
        color: var(--mut);
      }
      @media (max-width: 820px) {
        .dm-grid {
          grid-template-columns: 1fr;
        }
      }
      /* ============ LEGAL ============ */
      .lg {
        max-width: 820px;
        margin: 0 auto;
      }
      .lg h1 {
        font-size: clamp(34px, 4vw, 44px);
      }
      .lg .meta {
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        margin-top: 10px;
      }
      .lg h2 {
        font-size: 22px;
        margin: 34px 0 8px;
      }
      .lg h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 17px;
        margin: 20px 0 4px;
      }
      .lg p,
      .lg li {
        color: var(--mut);
        font-size: 15px;
        line-height: 1.7;
      }
      .lg ul,
      .lg ol {
        padding-left: 20px;
        margin: 6px 0;
      }
      .lg li {
        margin: 5px 0;
      }
      .lg a {
        color: var(--grn);
      }
      .lg .box {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 16px 18px;
        margin: 16px 0;
        color: var(--tx);
        font-size: 14px;
      }
      .lg table {
        border-collapse: collapse;
        width: 100%;
        margin: 12px 0;
        font-size: 13.5px;
      }
      .lg th,
      .lg td {
        border: 1px solid var(--line);
        padding: 9px 11px;
        text-align: left;
        vertical-align: top;
        color: var(--mut);
      }
      .lg th {
        background: var(--bg2);
        color: var(--tx);
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.04em;
      }

      /* instagram */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-instagram {
        scroll-behavior: smooth;
      }
      #r-instagram {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-instagram .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-instagram a {
        color: inherit;
        text-decoration: none;
      }
      #r-instagram nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-instagram .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-instagram .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-instagram .logo b {
        color: var(--grn);
      }
      #r-instagram .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-instagram .nlinks a:hover {
        color: var(--tx);
      }
      #r-instagram .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-instagram .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-instagram .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-instagram .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-instagram .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-instagram section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-instagram h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-instagram h1 em,
      #r-instagram h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-instagram h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-instagram .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-instagram .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-instagram .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-instagram .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-instagram .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-instagram .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-instagram .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-instagram .sechead h2 {
        margin-top: 12px;
      }
      #r-instagram .sechead .sub {
        margin-top: 14px;
      }
      #r-instagram .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-instagram .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-instagram .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-instagram .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-instagram .tabpane.on {
        display: grid;
      }
      #r-instagram .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-instagram .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-instagram .tabpane ul {
        list-style: none;
      }
      #r-instagram .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-instagram .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-instagram .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-instagram .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-instagram .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-instagram .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-instagram .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-instagram .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-instagram .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-instagram .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-instagram .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-instagram .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-instagram .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-instagram .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-instagram .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-instagram .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-instagram .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-instagram .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-instagram .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-instagram .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-instagram .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-instagram .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-instagram .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-instagram .acc details[open] summary::after {
        content: "–";
      }
      #r-instagram .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-instagram .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-instagram .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-instagram .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-instagram .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-instagram .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-instagram .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-instagram .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-instagram .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-instagram .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-instagram .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-instagram .cta {
        text-align: center;
      }
      #r-instagram .cta h2 {
        margin-bottom: 26px;
      }
      #r-instagram footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-instagram .hero,
        #r-instagram .band,
        #r-instagram .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-instagram .hero-mock {
          display: none;
        }
        #r-instagram .truths,
        #r-instagram .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-instagram * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-instagram .mono {
        font-family: var(--mono);
      }
      #r-instagram .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-instagram .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-instagram .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-instagram .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-instagram .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-instagram .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-instagram .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-instagram .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-instagram .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-instagram .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-instagram .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-instagram .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-instagram .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-instagram .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-instagram .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-instagram .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-instagram .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-instagram .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-instagram .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-instagram .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-instagram .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-instagram .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-instagram .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-instagram .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-instagram .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-instagram .sch-cell:first-of-type {
        border-left: none;
      }
      #r-instagram .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-instagram .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-instagram .post + .post {
        margin-top: 6px;
      }
      #r-instagram .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-instagram .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-instagram .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-instagram .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-instagram .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-instagram .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-instagram .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-instagram .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-instagram .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-instagram .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-instagram .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-instagram .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-instagram .fol-chart {
        margin-top: 12px;
      }
      #r-instagram .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-instagram .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-instagram .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-instagram .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-instagram .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-instagram .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-instagram .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-instagram .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-instagram .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-instagram .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-instagram .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-instagram .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-instagram .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-instagram .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-instagram .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-instagram .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-instagram .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-instagram .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-instagram .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-instagram .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-instagram .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-instagram .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-instagram .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-instagram .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-instagram .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-instagram .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-instagram .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-instagram .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-instagram .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-instagram .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-instagram .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-instagram .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-instagram .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-instagram .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-instagram .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-instagram .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-instagram .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-instagram .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-instagram .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-instagram .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-instagram .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-instagram .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-instagram .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-instagram .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-instagram .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-instagram .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-instagram .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-instagram .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-instagram .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* facebook */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-facebook {
        scroll-behavior: smooth;
      }
      #r-facebook {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-facebook .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-facebook a {
        color: inherit;
        text-decoration: none;
      }
      #r-facebook nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-facebook .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-facebook .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-facebook .logo b {
        color: var(--grn);
      }
      #r-facebook .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-facebook .nlinks a:hover {
        color: var(--tx);
      }
      #r-facebook .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-facebook .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-facebook .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-facebook .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-facebook .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-facebook section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-facebook h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-facebook h1 em,
      #r-facebook h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-facebook h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-facebook .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-facebook .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-facebook .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-facebook .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-facebook .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-facebook .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-facebook .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-facebook .sechead h2 {
        margin-top: 12px;
      }
      #r-facebook .sechead .sub {
        margin-top: 14px;
      }
      #r-facebook .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-facebook .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-facebook .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-facebook .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-facebook .tabpane.on {
        display: grid;
      }
      #r-facebook .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-facebook .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-facebook .tabpane ul {
        list-style: none;
      }
      #r-facebook .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-facebook .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-facebook .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-facebook .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-facebook .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-facebook .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-facebook .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-facebook .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-facebook .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-facebook .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-facebook .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-facebook .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-facebook .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-facebook .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-facebook .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-facebook .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-facebook .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-facebook .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-facebook .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-facebook .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-facebook .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-facebook .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-facebook .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-facebook .acc details[open] summary::after {
        content: "–";
      }
      #r-facebook .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-facebook .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-facebook .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-facebook .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-facebook .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-facebook .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-facebook .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-facebook .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-facebook .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-facebook .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-facebook .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-facebook .cta {
        text-align: center;
      }
      #r-facebook .cta h2 {
        margin-bottom: 26px;
      }
      #r-facebook footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-facebook .hero,
        #r-facebook .band,
        #r-facebook .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-facebook .hero-mock {
          display: none;
        }
        #r-facebook .truths,
        #r-facebook .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-facebook * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-facebook .mono {
        font-family: var(--mono);
      }
      #r-facebook .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-facebook .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-facebook .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-facebook .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-facebook .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-facebook .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-facebook .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-facebook .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-facebook .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-facebook .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-facebook .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-facebook .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-facebook .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-facebook .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-facebook .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-facebook .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-facebook .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-facebook .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-facebook .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-facebook .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-facebook .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-facebook .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-facebook .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-facebook .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-facebook .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-facebook .sch-cell:first-of-type {
        border-left: none;
      }
      #r-facebook .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-facebook .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-facebook .post + .post {
        margin-top: 6px;
      }
      #r-facebook .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-facebook .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-facebook .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-facebook .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-facebook .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-facebook .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-facebook .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-facebook .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-facebook .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-facebook .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-facebook .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-facebook .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-facebook .fol-chart {
        margin-top: 12px;
      }
      #r-facebook .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-facebook .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-facebook .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-facebook .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-facebook .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-facebook .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-facebook .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-facebook .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-facebook .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-facebook .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-facebook .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-facebook .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-facebook .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-facebook .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-facebook .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-facebook .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-facebook .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-facebook .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-facebook .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-facebook .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-facebook .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-facebook .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-facebook .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-facebook .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-facebook .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-facebook .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-facebook .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-facebook .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-facebook .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-facebook .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-facebook .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-facebook .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-facebook .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-facebook .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-facebook .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-facebook .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-facebook .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-facebook .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-facebook .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-facebook .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-facebook .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-facebook .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-facebook .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-facebook .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-facebook .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-facebook .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-facebook .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-facebook .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-facebook .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* tiktok */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-tiktok {
        scroll-behavior: smooth;
      }
      #r-tiktok {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-tiktok .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-tiktok a {
        color: inherit;
        text-decoration: none;
      }
      #r-tiktok nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-tiktok .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-tiktok .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-tiktok .logo b {
        color: var(--grn);
      }
      #r-tiktok .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-tiktok .nlinks a:hover {
        color: var(--tx);
      }
      #r-tiktok .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-tiktok .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-tiktok .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-tiktok .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-tiktok .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-tiktok section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-tiktok h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-tiktok h1 em,
      #r-tiktok h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-tiktok h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-tiktok .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-tiktok .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-tiktok .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-tiktok .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-tiktok .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-tiktok .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-tiktok .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-tiktok .sechead h2 {
        margin-top: 12px;
      }
      #r-tiktok .sechead .sub {
        margin-top: 14px;
      }
      #r-tiktok .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-tiktok .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-tiktok .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-tiktok .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-tiktok .tabpane.on {
        display: grid;
      }
      #r-tiktok .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-tiktok .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-tiktok .tabpane ul {
        list-style: none;
      }
      #r-tiktok .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-tiktok .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-tiktok .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-tiktok .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-tiktok .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-tiktok .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-tiktok .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-tiktok .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-tiktok .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-tiktok .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-tiktok .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-tiktok .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-tiktok .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-tiktok .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-tiktok .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-tiktok .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-tiktok .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-tiktok .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-tiktok .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-tiktok .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-tiktok .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-tiktok .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-tiktok .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-tiktok .acc details[open] summary::after {
        content: "–";
      }
      #r-tiktok .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-tiktok .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-tiktok .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-tiktok .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-tiktok .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-tiktok .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-tiktok .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-tiktok .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-tiktok .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-tiktok .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-tiktok .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-tiktok .cta {
        text-align: center;
      }
      #r-tiktok .cta h2 {
        margin-bottom: 26px;
      }
      #r-tiktok footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-tiktok .hero,
        #r-tiktok .band,
        #r-tiktok .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-tiktok .hero-mock {
          display: none;
        }
        #r-tiktok .truths,
        #r-tiktok .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-tiktok * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-tiktok .mono {
        font-family: var(--mono);
      }
      #r-tiktok .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-tiktok .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-tiktok .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-tiktok .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-tiktok .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-tiktok .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-tiktok .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-tiktok .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-tiktok .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-tiktok .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-tiktok .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-tiktok .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-tiktok .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-tiktok .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-tiktok .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-tiktok .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-tiktok .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-tiktok .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-tiktok .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-tiktok .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-tiktok .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-tiktok .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-tiktok .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-tiktok .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-tiktok .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-tiktok .sch-cell:first-of-type {
        border-left: none;
      }
      #r-tiktok .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-tiktok .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-tiktok .post + .post {
        margin-top: 6px;
      }
      #r-tiktok .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-tiktok .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-tiktok .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-tiktok .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-tiktok .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-tiktok .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-tiktok .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-tiktok .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-tiktok .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-tiktok .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-tiktok .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-tiktok .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-tiktok .fol-chart {
        margin-top: 12px;
      }
      #r-tiktok .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-tiktok .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-tiktok .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-tiktok .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-tiktok .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-tiktok .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-tiktok .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-tiktok .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-tiktok .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-tiktok .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-tiktok .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-tiktok .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-tiktok .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-tiktok .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-tiktok .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-tiktok .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-tiktok .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-tiktok .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-tiktok .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-tiktok .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-tiktok .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-tiktok .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-tiktok .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-tiktok .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-tiktok .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-tiktok .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-tiktok .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-tiktok .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-tiktok .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-tiktok .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-tiktok .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-tiktok .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-tiktok .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-tiktok .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-tiktok .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-tiktok .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-tiktok .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-tiktok .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-tiktok .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-tiktok .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-tiktok .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-tiktok .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-tiktok .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-tiktok .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-tiktok .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-tiktok .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-tiktok .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-tiktok .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-tiktok .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* linkedin */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-linkedin {
        scroll-behavior: smooth;
      }
      #r-linkedin {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-linkedin .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-linkedin a {
        color: inherit;
        text-decoration: none;
      }
      #r-linkedin nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-linkedin .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-linkedin .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-linkedin .logo b {
        color: var(--grn);
      }
      #r-linkedin .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-linkedin .nlinks a:hover {
        color: var(--tx);
      }
      #r-linkedin .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-linkedin .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-linkedin .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-linkedin .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-linkedin .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-linkedin section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-linkedin h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-linkedin h1 em,
      #r-linkedin h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-linkedin h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-linkedin .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-linkedin .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-linkedin .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-linkedin .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-linkedin .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-linkedin .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-linkedin .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-linkedin .sechead h2 {
        margin-top: 12px;
      }
      #r-linkedin .sechead .sub {
        margin-top: 14px;
      }
      #r-linkedin .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-linkedin .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-linkedin .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-linkedin .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-linkedin .tabpane.on {
        display: grid;
      }
      #r-linkedin .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-linkedin .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-linkedin .tabpane ul {
        list-style: none;
      }
      #r-linkedin .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-linkedin .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-linkedin .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-linkedin .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-linkedin .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-linkedin .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-linkedin .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-linkedin .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-linkedin .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-linkedin .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-linkedin .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-linkedin .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-linkedin .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-linkedin .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-linkedin .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-linkedin .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-linkedin .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-linkedin .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-linkedin .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-linkedin .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-linkedin .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-linkedin .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-linkedin .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-linkedin .acc details[open] summary::after {
        content: "–";
      }
      #r-linkedin .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-linkedin .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-linkedin .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-linkedin .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-linkedin .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-linkedin .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-linkedin .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-linkedin .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-linkedin .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-linkedin .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-linkedin .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-linkedin .cta {
        text-align: center;
      }
      #r-linkedin .cta h2 {
        margin-bottom: 26px;
      }
      #r-linkedin footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-linkedin .hero,
        #r-linkedin .band,
        #r-linkedin .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-linkedin .hero-mock {
          display: none;
        }
        #r-linkedin .truths,
        #r-linkedin .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-linkedin * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-linkedin .mono {
        font-family: var(--mono);
      }
      #r-linkedin .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-linkedin .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-linkedin .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-linkedin .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-linkedin .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-linkedin .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-linkedin .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-linkedin .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-linkedin .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-linkedin .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-linkedin .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-linkedin .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-linkedin .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-linkedin .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-linkedin .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-linkedin .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-linkedin .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-linkedin .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-linkedin .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-linkedin .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-linkedin .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-linkedin .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-linkedin .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-linkedin .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-linkedin .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-linkedin .sch-cell:first-of-type {
        border-left: none;
      }
      #r-linkedin .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-linkedin .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-linkedin .post + .post {
        margin-top: 6px;
      }
      #r-linkedin .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-linkedin .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-linkedin .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-linkedin .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-linkedin .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-linkedin .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-linkedin .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-linkedin .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-linkedin .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-linkedin .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-linkedin .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-linkedin .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-linkedin .fol-chart {
        margin-top: 12px;
      }
      #r-linkedin .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-linkedin .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-linkedin .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-linkedin .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-linkedin .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-linkedin .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-linkedin .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-linkedin .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-linkedin .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-linkedin .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-linkedin .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-linkedin .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-linkedin .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-linkedin .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-linkedin .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-linkedin .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-linkedin .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-linkedin .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-linkedin .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-linkedin .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-linkedin .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-linkedin .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-linkedin .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-linkedin .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-linkedin .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-linkedin .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-linkedin .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-linkedin .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-linkedin .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-linkedin .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-linkedin .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-linkedin .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-linkedin .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-linkedin .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-linkedin .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-linkedin .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-linkedin .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-linkedin .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-linkedin .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-linkedin .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-linkedin .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-linkedin .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-linkedin .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-linkedin .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-linkedin .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-linkedin .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-linkedin .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-linkedin .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-linkedin .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* x */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-x {
        scroll-behavior: smooth;
      }
      #r-x {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-x .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-x a {
        color: inherit;
        text-decoration: none;
      }
      #r-x nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-x .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-x .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-x .logo b {
        color: var(--grn);
      }
      #r-x .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-x .nlinks a:hover {
        color: var(--tx);
      }
      #r-x .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-x .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-x .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-x .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-x .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-x section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-x h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-x h1 em,
      #r-x h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-x h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-x .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-x .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-x .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-x .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-x .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-x .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-x .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-x .sechead h2 {
        margin-top: 12px;
      }
      #r-x .sechead .sub {
        margin-top: 14px;
      }
      #r-x .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-x .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-x .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-x .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-x .tabpane.on {
        display: grid;
      }
      #r-x .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-x .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-x .tabpane ul {
        list-style: none;
      }
      #r-x .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-x .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-x .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-x .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-x .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-x .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-x .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-x .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-x .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-x .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-x .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-x .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-x .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-x .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-x .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-x .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-x .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-x .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-x .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-x .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-x .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-x .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-x .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-x .acc details[open] summary::after {
        content: "–";
      }
      #r-x .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-x .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-x .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-x .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-x .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-x .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-x .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-x .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-x .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-x .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-x .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-x .cta {
        text-align: center;
      }
      #r-x .cta h2 {
        margin-bottom: 26px;
      }
      #r-x footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-x .hero,
        #r-x .band,
        #r-x .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-x .hero-mock {
          display: none;
        }
        #r-x .truths,
        #r-x .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-x * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-x .mono {
        font-family: var(--mono);
      }
      #r-x .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-x .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-x .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-x .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-x .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-x .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-x .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-x .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-x .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-x .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-x .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-x .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-x .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-x .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-x .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-x .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-x .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-x .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-x .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-x .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-x .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-x .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-x .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-x .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-x .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-x .sch-cell:first-of-type {
        border-left: none;
      }
      #r-x .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-x .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-x .post + .post {
        margin-top: 6px;
      }
      #r-x .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-x .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-x .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-x .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-x .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-x .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-x .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-x .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-x .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-x .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-x .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-x .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-x .fol-chart {
        margin-top: 12px;
      }
      #r-x .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-x .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-x .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-x .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-x .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-x .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-x .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-x .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-x .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-x .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-x .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-x .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-x .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-x .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-x .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-x .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-x .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-x .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-x .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-x .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-x .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-x .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-x .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-x .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-x .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-x .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-x .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-x .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-x .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-x .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-x .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-x .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-x .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-x .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-x .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-x .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-x .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-x .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-x .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-x .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-x .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-x .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-x .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-x .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-x .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-x .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-x .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-x .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-x .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* product-plan */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-product-plan * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-product-plan {
        scroll-behavior: smooth;
      }
      #r-product-plan {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-product-plan .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-product-plan a {
        color: inherit;
        text-decoration: none;
      }
      #r-product-plan nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-product-plan .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-product-plan .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-product-plan .logo b {
        color: var(--grn);
      }
      #r-product-plan .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-product-plan .nlinks a:hover {
        color: var(--tx);
      }
      #r-product-plan .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
        cursor: pointer;
      }
      #r-product-plan .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-product-plan .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-product-plan .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-product-plan section {
        padding: 92px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-product-plan h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(42px, 5.4vw, 68px);
        line-height: 1.03;
        letter-spacing: -0.02em;
      }
      #r-product-plan h1 em,
      #r-product-plan h2 em,
      #r-product-plan h3 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-product-plan h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 46px);
        line-height: 1.07;
        letter-spacing: -0.01em;
      }
      #r-product-plan .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 560px;
        margin-top: 20px;
      }
      #r-product-plan footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 720px) {
        #r-product-plan .nlinks {
          display: none;
        }
        #r-product-plan .nav-in {
          padding: 14px 20px;
        }
        #r-product-plan .wrap {
          padding: 0 22px;
        }
      }
      #r-product-plan .spine-sec {
        padding: 20px 0;
        border-top: none;
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-plan .spine {
        display: flex;
        align-items: center;
        gap: 0;
        justify-content: center;
        flex-wrap: wrap;
      }
      #r-product-plan .step {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 9px 16px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
      }
      #r-product-plan .step .sn {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-product-plan .step .st {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--mut);
      }
      #r-product-plan .step.done .sn,
      #r-product-plan .step.done .st {
        color: var(--tx);
      }
      #r-product-plan .step.on {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        box-shadow: 0 0 24px -6px rgba(61, 220, 132, 0.4);
      }
      #r-product-plan .step.on .sn {
        color: var(--grn);
      }
      #r-product-plan .step.on .st {
        color: var(--tx);
        font-weight: 500;
      }
      #r-product-plan .sline {
        width: 46px;
        height: 1px;
        background: linear-gradient(90deg, var(--line2), var(--line));
        margin: 0 4px;
      }
      @media (max-width: 640px) {
        #r-product-plan .sline {
          width: 20px;
        }
        #r-product-plan .step {
          padding: 8px 12px;
        }
      }
      #r-product-plan .phero {
        padding: 70px 0 40px;
        text-align: center;
        border-top: none;
      }
      #r-product-plan .phero h1 {
        max-width: 1020px;
        margin: 22px auto 0;
      }
      #r-product-plan .phero .sub {
        margin: 22px auto 0;
        text-align: center;
        font-size: 19px;
      }
      #r-product-plan .phero-cta {
        display: flex;
        gap: 12px;
        justify-content: center;
        margin-top: 32px;
      }
      #r-product-plan .hero-note {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-top: 16px;
      }
      #r-product-plan .calwrap {
        max-width: 1000px;
        margin: 52px auto 0;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 20px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-plan .cal-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 22px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-plan .cal-title {
        font-family: var(--serif);
        font-size: 20px;
      }
      #r-product-plan .cal-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-product-plan .cal-legend {
        display: flex;
        gap: 16px;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-product-plan .cal-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }
      #r-product-plan .cal-legend i::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 3px;
      }
      #r-product-plan .cal-legend .ai::before {
        background: var(--grn);
      }
      #r-product-plan .cal-legend .aw::before {
        background: #e9eef3;
      }
      #r-product-plan .cal-legend .pub::before {
        background: var(--faint);
      }
      #r-product-plan .cal-dow {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        border-bottom: 1px solid var(--line);
      }
      #r-product-plan .cal-dow span {
        padding: 9px 10px;
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
        text-align: left;
      }
      #r-product-plan .cal-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
      }
      #r-product-plan .cd {
        min-height: 88px;
        border-left: 1px solid var(--line);
        border-top: 1px solid var(--line);
        padding: 7px 8px;
      }
      #r-product-plan .cd:nth-child(7n + 1) {
        border-left: none;
      }
      #r-product-plan .cd .dn {
        font-family: var(--serif);
        font-size: 13px;
        color: var(--mut);
      }
      #r-product-plan .cd.dim .dn {
        color: var(--faint);
        opacity: 0.5;
      }
      #r-product-plan .cd.today {
        background: rgba(61, 220, 132, 0.06);
      }
      #r-product-plan .cd.today .dn {
        color: var(--tx);
      }
      #r-product-plan .cchip {
        margin-top: 6px;
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.02em;
        padding: 4px 6px;
        border-radius: 6px;
        line-height: 1.3;
        display: flex;
        align-items: center;
        gap: 5px;
      }
      #r-product-plan .cchip .dot {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        flex: none;
      }
      #r-product-plan .cchip.ai {
        background: rgba(61, 220, 132, 0.1);
        color: var(--grn2);
      }
      #r-product-plan .cchip.ai .dot {
        background: var(--grn);
      }
      #r-product-plan .cchip.aw {
        background: rgba(233, 240, 244, 0.08);
        color: var(--tx);
        border: 1px solid var(--line2);
      }
      #r-product-plan .cchip.aw .dot {
        background: #e9eef3;
      }
      #r-product-plan .cchip.pub {
        background: rgba(233, 240, 244, 0.04);
        color: var(--faint);
      }
      #r-product-plan .cchip.pub .dot {
        background: var(--faint);
      }
      #r-product-plan .flow3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
        margin-top: 8px;
      }
      #r-product-plan .fstep {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 30px 26px;
        position: relative;
      }
      #r-product-plan .fstep .fn {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        letter-spacing: 0.14em;
      }
      #r-product-plan .fstep .fi {
        width: 46px;
        height: 46px;
        border-radius: 12px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.25);
        display: grid;
        place-items: center;
        margin: 16px 0 18px;
      }
      #r-product-plan .fstep .fi svg {
        width: 22px;
        height: 22px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-product-plan .fstep h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 21px;
        margin-bottom: 9px;
      }
      #r-product-plan .fstep p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-product-plan .fstep .arr {
        position: absolute;
        right: -15px;
        top: 52px;
        color: var(--faint);
        font-size: 18px;
        z-index: 2;
      }
      @media (max-width: 820px) {
        #r-product-plan .flow3 {
          grid-template-columns: 1fr;
        }
        #r-product-plan .fstep .arr {
          display: none;
        }
      }
      #r-product-plan .split {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-product-plan .pillars {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        padding: 26px;
        box-shadow: var(--shadow);
      }
      #r-product-plan .pil {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 14px 0;
        border-top: 1px solid var(--line);
      }
      #r-product-plan .pil:first-child {
        border-top: none;
      }
      #r-product-plan .pil .pl {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--tx);
        width: 150px;
        flex: none;
      }
      #r-product-plan .pil .bar {
        flex: 1;
        height: 8px;
        border-radius: 6px;
        background: rgba(233, 240, 244, 0.06);
        overflow: hidden;
      }
      #r-product-plan .pil .bar i {
        display: block;
        height: 100%;
        border-radius: 6px;
        background: linear-gradient(90deg, var(--grn), var(--grn2));
      }
      #r-product-plan .pil .pc {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--mut);
        width: 52px;
        text-align: right;
        flex: none;
      }
      #r-product-plan .split ul {
        list-style: none;
        margin-top: 18px;
      }
      #r-product-plan .split li {
        color: var(--mut);
        padding: 8px 0 8px 26px;
        position: relative;
      }
      #r-product-plan .split li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-product-plan .loopband {
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.05),
          transparent
        );
        text-align: center;
      }
      #r-product-plan .loop {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        flex-wrap: wrap;
        margin: 44px 0 10px;
      }
      #r-product-plan .lnode {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 150px;
      }
      #r-product-plan .lnode .lc {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid var(--line2);
        background: var(--bg2);
        display: grid;
        place-items: center;
      }
      #r-product-plan .lnode .lc svg {
        width: 24px;
        height: 24px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-product-plan .lnode span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-product-plan .larr {
        color: var(--faint);
        font-size: 20px;
        margin: 0 -6px 26px;
      }
      #r-product-plan .loop .lnode.you .lc {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-product-plan .statrow {
        display: flex;
        justify-content: center;
        gap: 64px;
        flex-wrap: wrap;
        margin-top: 34px;
      }
      #r-product-plan .statrow .stat {
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        text-align: center;
      }
      #r-product-plan .stat b {
        font-family: var(--serif);
        font-size: 44px;
        font-weight: 400;
        color: var(--tx);
        display: block;
        line-height: 1;
      }
      #r-product-plan .stat b em {
        color: var(--grn);
        font-style: normal;
        font-size: 26px;
      }
      #r-product-plan .stat small {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
        margin-top: 8px;
        display: block;
      }
      @media (max-width: 820px) {
        #r-product-plan .split {
          grid-template-columns: 1fr;
        }
        #r-product-plan .loop {
          gap: 6px;
        }
        #r-product-plan .larr {
          margin-bottom: 26px;
        }
      }
      #r-product-plan .nextcta {
        text-align: center;
      }
      #r-product-plan .nextcta .k {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-plan .nextcta h2 {
        margin: 14px 0 26px;
      }
      #r-product-plan .nextcta .row {
        display: flex;
        gap: 12px;
        justify-content: center;
      }
      /* product-create */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-product-create * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-product-create {
        scroll-behavior: smooth;
      }
      #r-product-create {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-product-create .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-product-create a {
        color: inherit;
        text-decoration: none;
      }
      #r-product-create nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-product-create .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-product-create .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-product-create .logo b {
        color: var(--grn);
      }
      #r-product-create .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-product-create .nlinks a:hover {
        color: var(--tx);
      }
      #r-product-create .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
        cursor: pointer;
      }
      #r-product-create .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-product-create .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-product-create .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-product-create section {
        padding: 92px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-product-create h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(42px, 5.4vw, 68px);
        line-height: 1.03;
        letter-spacing: -0.02em;
      }
      #r-product-create h1 em,
      #r-product-create h2 em,
      #r-product-create h3 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-product-create h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 46px);
        line-height: 1.07;
        letter-spacing: -0.01em;
      }
      #r-product-create .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 560px;
        margin-top: 20px;
      }
      #r-product-create footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 720px) {
        #r-product-create .nlinks {
          display: none;
        }
        #r-product-create .nav-in {
          padding: 14px 20px;
        }
        #r-product-create .wrap {
          padding: 0 22px;
        }
      }
      #r-product-create .spine-sec {
        padding: 20px 0;
        border-top: none;
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-create .spine {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
      }
      #r-product-create .step {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 9px 16px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
      }
      #r-product-create .step .sn {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-product-create .step .st {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--mut);
      }
      #r-product-create .step.done .sn,
      #r-product-create .step.done .st {
        color: var(--tx);
      }
      #r-product-create .step.on {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        box-shadow: 0 0 24px -6px rgba(61, 220, 132, 0.4);
      }
      #r-product-create .step.on .sn {
        color: var(--grn);
      }
      #r-product-create .step.on .st {
        color: var(--tx);
        font-weight: 500;
      }
      #r-product-create .sline {
        width: 46px;
        height: 1px;
        background: linear-gradient(90deg, var(--line2), var(--line));
        margin: 0 4px;
      }
      @media (max-width: 640px) {
        #r-product-create .sline {
          width: 20px;
        }
        #r-product-create .step {
          padding: 8px 12px;
        }
      }
      #r-product-create .phero {
        padding: 70px 0 60px;
        border-top: none;
      }
      #r-product-create .phero-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        gap: 52px;
        align-items: center;
      }
      #r-product-create .phero h1 {
        margin-top: 20px;
      }
      #r-product-create .phero .sub {
        margin-top: 22px;
      }
      #r-product-create .phero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-product-create .studio {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 20px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-create .studio-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 13px 16px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-create .studio-bar .dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--line2);
      }
      #r-product-create .studio-bar .tt {
        margin-left: 8px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.06em;
      }
      #r-product-create .studio-bar .live {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 3px 9px;
        border-radius: 20px;
      }
      #r-product-create .studio-body {
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: 0;
      }
      #r-product-create .brief {
        border-right: 1px solid var(--line);
        padding: 16px;
        background: rgba(0, 0, 0, 0.16);
      }
      #r-product-create .brief .bl {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      #r-product-create .brief .bbrand {
        display: flex;
        align-items: center;
        gap: 8px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        padding: 8px 10px;
        border: 1px solid var(--line);
        border-radius: 9px;
        margin-bottom: 12px;
      }
      #r-product-create .brief .bbrand .bd {
        width: 16px;
        height: 16px;
        border-radius: 5px;
        background: linear-gradient(135deg, var(--grn), #0f3a24);
      }
      #r-product-create .brief .bprompt {
        font-size: 12px;
        color: var(--mut);
        line-height: 1.5;
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 10px;
        min-height: 78px;
      }
      #r-product-create .brief .bprompt b {
        color: var(--tx);
        font-weight: 600;
      }
      #r-product-create .brief .bgen {
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: var(--grn);
        color: #05130a;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 500;
        border-radius: 9px;
        padding: 10px;
      }
      #r-product-create .brief .bgen svg {
        width: 12px;
        height: 12px;
        fill: #05130a;
      }
      #r-product-create .outputs {
        padding: 16px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        background: radial-gradient(
          120% 120% at 85% 0%,
          rgba(61, 220, 132, 0.05),
          transparent 60%
        );
      }
      #r-product-create .ct {
        border: 1px solid var(--line);
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        background: var(--bg2);
      }
      #r-product-create .ct .cv {
        aspect-ratio: 4/5;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 11px;
        position: relative;
      }
      #r-product-create .ct .cv .fmt {
        position: absolute;
        top: 8px;
        left: 8px;
        font-family: var(--mono);
        font-size: 7.5px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #dfe7ec;
        background: rgba(0, 0, 0, 0.35);
        padding: 2px 6px;
        border-radius: 5px;
      }
      #r-product-create .ct .cv .pg {
        position: absolute;
        top: 7px;
        right: 8px;
        width: 16px;
        height: 16px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        background: rgba(0, 0, 0, 0.35);
      }
      #r-product-create .ct .cv .pg svg {
        width: 10px;
        height: 10px;
        fill: #fff;
      }
      #r-product-create .ct .cv .ttl {
        font-family: var(--serif);
        font-size: 16px;
        line-height: 1.06;
        color: #fff;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
      }
      #r-product-create .ct .cv .cap {
        font-family: var(--mono);
        font-size: 8px;
        color: rgba(255, 255, 255, 0.72);
        margin-top: 5px;
      }
      #r-product-create .ct .g1 {
        background: linear-gradient(150deg, #123227, #0b1a14);
      }
      #r-product-create .ct .g2 {
        background: linear-gradient(150deg, #2a2118, #140f0a);
      }
      #r-product-create .ct .g3 {
        background: linear-gradient(150deg, #141d2b, #0a0f16);
      }
      #r-product-create .ct .g4 {
        background: linear-gradient(150deg, #0f2a20, #0a1712);
      }
      #r-product-create .ct .g5 {
        background: linear-gradient(150deg, #241826, #120b13);
      }
      #r-product-create .ct .g6 {
        background: linear-gradient(150deg, #0e2530, #0a151b);
      }
      #r-product-create .ct .ob {
        position: absolute;
        top: 30px;
        right: 8px;
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.08em;
        color: var(--grn);
        background: rgba(5, 19, 10, 0.72);
        border: 1px solid rgba(61, 220, 132, 0.45);
        padding: 2px 6px;
        border-radius: 20px;
      }
      @media (max-width: 980px) {
        #r-product-create .phero-grid {
          grid-template-columns: 1fr;
        }
        #r-product-create .studio-body {
          grid-template-columns: 1fr;
        }
        #r-product-create .brief {
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
        #r-product-create .outputs {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      @media (max-width: 560px) {
        #r-product-create .outputs {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      #r-product-create .feat {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 18px;
        overflow: hidden;
        margin-top: 44px;
      }
      #r-product-create .fc {
        background: var(--bg2);
        padding: 34px 30px;
      }
      #r-product-create .fc .fi {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.25);
        display: grid;
        place-items: center;
        margin-bottom: 16px;
      }
      #r-product-create .fc .fi svg {
        width: 21px;
        height: 21px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-product-create .fc h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 9px;
      }
      #r-product-create .fc p {
        color: var(--mut);
        font-size: 15px;
      }
      @media (max-width: 760px) {
        #r-product-create .feat {
          grid-template-columns: 1fr;
        }
      }
      #r-product-create .varsec {
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-create .vrow {
        display: flex;
        gap: 16px;
        overflow: hidden;
        margin-top: 40px;
      }
      #r-product-create .vcard {
        flex: 1;
        min-width: 0;
        border: 1px solid var(--line2);
        border-radius: 14px;
        overflow: hidden;
        background: var(--bg2);
      }
      #r-product-create .vcard .vv {
        aspect-ratio: 1/1;
        display: flex;
        align-items: flex-end;
        padding: 14px;
        position: relative;
      }
      #r-product-create .vcard .vv .vt {
        font-family: var(--serif);
        font-size: 20px;
        color: #fff;
        line-height: 1.05;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
      }
      #r-product-create .vcard .vlab {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
        padding: 10px 12px;
        border-top: 1px solid var(--line);
      }
      #r-product-create .gate {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-product-create .approval {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-product-create .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-product-create .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-product-create .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-product-create .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        margin-top: 1px;
      }
      #r-product-create .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-product-create .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        position: relative;
        border: 1px solid var(--line);
        background: linear-gradient(150deg, #123227, #0b1a14);
        display: flex;
        align-items: flex-end;
        padding: 14px;
        overflow: hidden;
      }
      #r-product-create .ap-media .amt {
        font-family: var(--serif);
        font-size: 22px;
        color: #fff;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
      }
      #r-product-create .ap-stamp {
        position: absolute;
        top: 16px;
        right: 18px;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 6px 13px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
      }
      #r-product-create .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-product-create .ap-cap b {
        color: var(--tx);
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-product-create .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-product-create .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-product-create .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-product-create .gate ul {
        list-style: none;
        margin-top: 18px;
      }
      #r-product-create .gate li {
        color: var(--mut);
        padding: 8px 0 8px 26px;
        position: relative;
      }
      #r-product-create .gate li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      @media (max-width: 820px) {
        #r-product-create .gate {
          grid-template-columns: 1fr;
        }
      }
      #r-product-create .nextcta {
        text-align: center;
      }
      #r-product-create .nextcta .k {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-create .nextcta h2 {
        margin: 14px 0 26px;
      }
      #r-product-create .nextcta .row {
        display: flex;
        gap: 12px;
        justify-content: center;
      }
      /* product-measure */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-product-measure * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-product-measure {
        scroll-behavior: smooth;
      }
      #r-product-measure {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-product-measure .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-product-measure a {
        color: inherit;
        text-decoration: none;
      }
      #r-product-measure nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-product-measure .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-product-measure .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-product-measure .logo b {
        color: var(--grn);
      }
      #r-product-measure .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-product-measure .nlinks a:hover {
        color: var(--tx);
      }
      #r-product-measure .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
        cursor: pointer;
      }
      #r-product-measure .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-product-measure .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-product-measure .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-product-measure section {
        padding: 92px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-product-measure h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(42px, 5.4vw, 68px);
        line-height: 1.03;
        letter-spacing: -0.02em;
      }
      #r-product-measure h1 em,
      #r-product-measure h2 em,
      #r-product-measure h3 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-product-measure h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 46px);
        line-height: 1.07;
        letter-spacing: -0.01em;
      }
      #r-product-measure .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 560px;
        margin-top: 20px;
      }
      #r-product-measure footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 720px) {
        #r-product-measure .nlinks {
          display: none;
        }
        #r-product-measure .nav-in {
          padding: 14px 20px;
        }
        #r-product-measure .wrap {
          padding: 0 22px;
        }
      }
      #r-product-measure .spine-sec {
        padding: 20px 0;
        border-top: none;
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-measure .spine {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
      }
      #r-product-measure .step {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 9px 16px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
      }
      #r-product-measure .step .sn {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-product-measure .step .st {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--mut);
      }
      #r-product-measure .step.done .sn,
      #r-product-measure .step.done .st {
        color: var(--tx);
      }
      #r-product-measure .step.on {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        box-shadow: 0 0 24px -6px rgba(61, 220, 132, 0.4);
      }
      #r-product-measure .step.on .sn {
        color: var(--grn);
      }
      #r-product-measure .step.on .st {
        color: var(--tx);
        font-weight: 500;
      }
      #r-product-measure .sline {
        width: 46px;
        height: 1px;
        background: linear-gradient(90deg, var(--line2), var(--line));
        margin: 0 4px;
      }
      @media (max-width: 640px) {
        #r-product-measure .sline {
          width: 20px;
        }
        #r-product-measure .step {
          padding: 8px 12px;
        }
      }
      #r-product-measure .phero {
        padding: 70px 0 60px;
        border-top: none;
      }
      #r-product-measure .phero-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        gap: 52px;
        align-items: center;
      }
      #r-product-measure .phero h1 {
        margin-top: 20px;
      }
      #r-product-measure .phero .sub {
        margin-top: 22px;
      }
      #r-product-measure .phero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-product-measure .dash {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 20px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-measure .dash-bar {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 13px 16px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-measure .dash-bar .lv {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--grn);
      }
      #r-product-measure .dash-bar .lv .pulse {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 0 0 rgba(61, 220, 132, 0.5);
        animation: r-product-measure_pl 1.8s infinite;
      }
      @keyframes r-product-measure_pl {
        0% {
          box-shadow: 0 0 0 0 rgba(61, 220, 132, 0.5);
        }
        70% {
          box-shadow: 0 0 0 7px rgba(61, 220, 132, 0);
        }
        100% {
          box-shadow: 0 0 0 0 rgba(61, 220, 132, 0);
        }
      }
      #r-product-measure .dash-bar .clock {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 10px;
        color: var(--faint);
      }
      #r-product-measure .dash-body {
        display: grid;
        grid-template-columns: 1fr 300px;
      }
      #r-product-measure .queue {
        border-right: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-product-measure .qrow {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 12px 16px;
        border-top: 1px solid var(--line);
      }
      #r-product-measure .qrow:first-child {
        border-top: none;
      }
      #r-product-measure .qrow .qg {
        width: 24px;
        height: 24px;
        border-radius: 7px;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        display: grid;
        place-items: center;
        flex: none;
      }
      #r-product-measure .qrow .qg svg {
        width: 12px;
        height: 12px;
        fill: var(--mut);
      }
      #r-product-measure .qrow .qt {
        flex: 1;
        min-width: 0;
      }
      #r-product-measure .qrow .qn {
        font-size: 12.5px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-product-measure .qrow .qm {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        margin-top: 2px;
      }
      #r-product-measure .qp {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        flex: none;
      }
      #r-product-measure .qp.live {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.14);
        border: 1px solid rgba(61, 220, 132, 0.3);
      }
      #r-product-measure .qp.pubn {
        color: #ffd27a;
        background: rgba(255, 196, 84, 0.1);
        border: 1px solid rgba(255, 196, 84, 0.25);
      }
      #r-product-measure .qp.q {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-product-measure .dstats {
        padding: 14px;
      }
      #r-product-measure .dtile {
        border: 1px solid var(--line);
        border-radius: 11px;
        padding: 12px 13px;
        margin-bottom: 10px;
        background: rgba(0, 0, 0, 0.16);
      }
      #r-product-measure .dtile .dl {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-measure .dtile .dv {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        margin-top: 5px;
      }
      #r-product-measure .dtile .dv .du {
        font-size: 14px;
        color: var(--mut);
      }
      #r-product-measure .dtile .dd {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        margin-top: 4px;
      }
      #r-product-measure .dchart {
        border: 1px solid var(--line);
        border-radius: 11px;
        padding: 12px;
        background: rgba(0, 0, 0, 0.16);
      }
      #r-product-measure .dchart .dl {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      @media (max-width: 980px) {
        #r-product-measure .phero-grid {
          grid-template-columns: 1fr;
        }
        #r-product-measure .dash-body {
          grid-template-columns: 1fr;
        }
        #r-product-measure .queue {
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
      }
      #r-product-measure .loopband {
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.05),
          transparent
        );
        text-align: center;
      }
      #r-product-measure .loop {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        margin: 44px 0 4px;
      }
      #r-product-measure .lnode {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 160px;
      }
      #r-product-measure .lnode .lc {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid var(--line2);
        background: var(--bg2);
        display: grid;
        place-items: center;
      }
      #r-product-measure .lnode .lc svg {
        width: 24px;
        height: 24px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-product-measure .lnode span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-product-measure .lnode small {
        font-family: var(--sans);
        font-size: 12px;
        color: var(--faint);
        max-width: 140px;
      }
      #r-product-measure .larr {
        color: var(--faint);
        font-size: 20px;
        margin: 18px -8px 0;
      }
      @media (max-width: 820px) {
        #r-product-measure .phero-cta {
          flex-wrap: wrap;
        }
        #r-product-measure .loop {
          gap: 8px;
        }
        #r-product-measure .larr {
          margin-bottom: 40px;
        }
      }
      #r-product-measure .split {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-product-measure .report {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-measure .rep-h {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 18px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-measure .rep-h .rt {
        font-family: var(--serif);
        font-size: 17px;
      }
      #r-product-measure .rep-h .rtag {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 3px 9px;
        border-radius: 20px;
      }
      #r-product-measure .rep-body {
        padding: 18px;
      }
      #r-product-measure .rep-sum {
        font-size: 14px;
        color: var(--tx);
        line-height: 1.6;
      }
      #r-product-measure .rep-sum b {
        color: var(--grn2);
        font-weight: 600;
      }
      #r-product-measure .rep-kpi {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 16px;
      }
      #r-product-measure .rk {
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 11px;
      }
      #r-product-measure .rk .rl {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-measure .rk .rv {
        font-family: var(--serif);
        font-size: 22px;
        margin-top: 4px;
      }
      #r-product-measure .rk .rd {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        margin-top: 2px;
      }
      #r-product-measure .split ul {
        list-style: none;
        margin-top: 18px;
      }
      #r-product-measure .split li {
        color: var(--mut);
        padding: 8px 0 8px 26px;
        position: relative;
      }
      #r-product-measure .split li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      @media (max-width: 820px) {
        #r-product-measure .split {
          grid-template-columns: 1fr;
        }
      }
      #r-product-measure .chatsec {
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-measure .chat {
        max-width: 680px;
        margin: 40px auto 0;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-measure .chat-h {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 18px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-measure .chat-h .ca {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        display: grid;
        place-items: center;
        font-family: var(--serif);
        color: var(--grn2);
        font-size: 14px;
      }
      #r-product-measure .chat-h .cn {
        font-size: 13px;
        font-weight: 600;
      }
      #r-product-measure .chat-h .cs {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        margin-left: auto;
      }
      #r-product-measure .chat-body {
        padding: 18px;
      }
      #r-product-measure .msg {
        max-width: 80%;
        padding: 12px 15px;
        border-radius: 14px;
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 14px;
      }
      #r-product-measure .msg.u {
        margin-left: auto;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.24);
        border-bottom-right-radius: 4px;
      }
      #r-product-measure .msg.a {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-bottom-left-radius: 4px;
        color: var(--mut);
      }
      #r-product-measure .msg.a b {
        color: var(--tx);
        font-weight: 600;
      }
      #r-product-measure .msg.a .nx {
        display: block;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid var(--line);
        color: var(--grn2);
        font-family: var(--mono);
        font-size: 12px;
      }
      #r-product-measure .nextcta {
        text-align: center;
      }
      #r-product-measure .nextcta .k {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-measure .nextcta h2 {
        margin: 14px 0 26px;
      }
      #r-product-measure .nextcta .row {
        display: flex;
        gap: 12px;
        justify-content: center;
      }
      /* v3 home */
      #r-home {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel: #0f141a;
        --panel2: #131a22;
        --panel3: #182029;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --grn-deep: #1c9e56;
        --amber: #e6b566;
        --blue: #6aa9f0;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --ease: cubic-bezier(0.22, 1, 0.36, 1);
      }
      #r-home * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-home {
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
      }
      #r-home {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        overflow-x: hidden;
        letter-spacing: 0.01em;
      }
      #r-home ::selection {
        background: var(--grn);
        color: #04140b;
      }
      #r-home a {
        color: inherit;
        text-decoration: none;
      }
      #r-home img {
        display: block;
        max-width: 100%;
      }
      #r-home .grain {
        position: fixed;
        inset: -50%;
        width: 200%;
        height: 200%;
        pointer-events: none;
        z-index: 9998;
        opacity: 0.04;
        mix-blend-mode: screen;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      }
      #r-home .cur,
      #r-home .cur-d {
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 10000;
        border-radius: 50%;
        mix-blend-mode: difference;
      }
      #r-home .cur {
        width: 32px;
        height: 32px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        transform: translate(-50%, -50%);
        transition:
          width 0.3s var(--ease),
          height 0.3s var(--ease);
      }
      #r-home .cur-d {
        width: 5px;
        height: 5px;
        background: #fff;
        transform: translate(-50%, -50%);
      }
      #r-home .cur.big {
        width: 66px;
        height: 66px;
        background: rgba(255, 255, 255, 0.05);
        border-color: transparent;
      }
      #r-home body.touch .cur,
      #r-home body.touch .cur-d {
        display: none;
      }
      #r-home .wrap {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-home .ey {
        font-family: var(--mono);
        font-size: 11.5px;
        letter-spacing: 0.26em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
      }
      #r-home .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        background: var(--grn);
        border-radius: 50%;
        box-shadow: 0 0 10px var(--grn);
      }
      #r-home .ey.mut {
        color: var(--faint);
      }
      #r-home .ey.mut::before {
        background: var(--faint);
        box-shadow: none;
      }
      #r-home em {
        font-family: var(--serif);
        font-style: italic;
        font-weight: 340;
      }
      #r-home nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        transition: 0.4s;
        border-bottom: 1px solid transparent;
      }
      #r-home nav.on {
        background: rgba(8, 9, 11, 0.75);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-home .nav-in {
        max-width: 1280px;
        margin: 0 auto;
        padding: 18px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-home .logo {
        font-family: var(--serif);
        font-size: 23px;
        font-weight: 500;
        letter-spacing: 0.02em;
      }
      #r-home .logo b {
        color: var(--grn);
      }
      #r-home .nlinks {
        display: flex;
        gap: 36px;
      }
      #r-home .nlinks a {
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--mut);
        position: relative;
        padding: 4px 0;
        transition: 0.3s;
      }
      #r-home .nlinks a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: var(--grn);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s var(--ease);
      }
      #r-home .nlinks a:hover {
        color: var(--tx);
      }
      #r-home .nlinks a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }
      #r-home .btn {
        font-family: var(--mono);
        font-size: 12.5px;
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
        padding: 11px 20px;
        border-radius: 100px;
        border: 1px solid var(--line2);
        color: var(--tx);
        transition: 0.35s var(--ease);
        cursor: pointer;
        background: none;
      }
      #r-home .btn .circ {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--grn);
        display: grid;
        place-items: center;
        transition: 0.35s var(--ease);
      }
      #r-home .btn .circ svg {
        width: 10px;
        height: 10px;
        stroke: #05130a;
        stroke-width: 2;
        fill: none;
      }
      #r-home .btn:hover {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-home .btn:hover .circ {
        background: #05130a;
      }
      #r-home .btn:hover .circ svg {
        stroke: var(--grn);
      }
      #r-home .btn.ghost .circ {
        display: none;
      }
      #r-home .btn.solid {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-home .btn.solid .circ {
        background: #05130a;
      }
      #r-home .btn.solid .circ svg {
        stroke: var(--grn);
      }
      #r-home .hero {
        position: relative;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 135px 0 0;
        overflow: hidden;
      }
      #r-home .hero-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #r-home .hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 22% 58%;
      }
      #r-home .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
          linear-gradient(
            180deg,
            rgba(8, 9, 11, 0.5) 0%,
            rgba(8, 9, 11, 0.12) 22%,
            transparent 42%
          ),
          linear-gradient(
            90deg,
            rgba(8, 9, 11, 0.9) 0%,
            rgba(8, 9, 11, 0.78) 30%,
            rgba(8, 9, 11, 0.35) 48%,
            transparent 62%
          );
      }
      #r-home .hero-in {
        position: relative;
        z-index: 2;
        width: 100%;
      }
      #r-home .hero .h1 {
        max-width: 12ch;
      }
      #r-home .hero .sub {
        max-width: 34ch;
      }
      #r-home .h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.7rem, 5.6vw, 4.9rem);
        line-height: 0.98;
        letter-spacing: -0.022em;
        margin: 22px 0 0;
      }
      #r-home .h1 .ln {
        display: block;
        overflow: hidden;
      }
      #r-home .h1 .ln > span {
        display: block;
        transform: translateY(105%);
        transition: transform 1s var(--ease);
      }
      #r-home .reveal-hero .h1 .ln > span {
        transform: none;
      }
      #r-home .sub {
        max-width: 520px;
        margin: 24px 0 0;
        font-size: clamp(1rem, 1.2vw, 1.16rem);
        color: var(--mut);
      }
      #r-home .sub b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-home .hero-cta {
        display: flex;
        gap: 14px;
        align-items: center;
        margin-top: 32px;
        flex-wrap: wrap;
      }
      #r-home .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      #r-home .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      #r-home .trustline b {
        color: var(--tx);
      }
      #r-home .eyhero,
      #r-home .fade-up {
        opacity: 0;
        transform: translateY(16px);
        transition: 0.9s var(--ease);
      }
      #r-home .reveal-hero .eyhero,
      #r-home .reveal-hero .fade-up {
        opacity: 1;
        transform: none;
      }
      #r-home .reveal-hero .fade-up.d1 {
        transition-delay: 0.45s;
      }
      #r-home .reveal-hero .fade-up.d2 {
        transition-delay: 0.57s;
      }
      #r-home .reveal-hero .fade-up.d3 {
        transition-delay: 0.69s;
      }
      #r-home .mock {
        position: relative;
        z-index: 2;
      }
      #r-home .app {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow:
          0 40px 90px -30px rgba(0, 0, 0, 0.8),
          0 0 0 1px rgba(61, 220, 132, 0.04);
        overflow: hidden;
        transform: perspective(1600px) rotateY(-6deg) rotateX(2deg);
        transition: transform 0.8s var(--ease);
      }
      #r-home .reveal-hero .app {
        transform: perspective(1600px) rotateY(-3deg) rotateX(1deg);
      }
      #r-home .app-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 11px 14px;
        border-bottom: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.02);
      }
      #r-home .dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #2a333d;
      }
      #r-home .dot.r {
        background: #e06a5a;
      }
      #r-home .dot.y {
        background: #e0b45a;
      }
      #r-home .dot.g {
        background: #5ad07a;
      }
      #r-home .app-url {
        margin-left: 10px;
        font-family: var(--mono);
        font-size: 10.5px;
        color: var(--faint);
        background: rgba(0, 0, 0, 0.3);
        padding: 4px 12px;
        border-radius: 6px;
      }
      #r-home .app-body {
        display: grid;
        grid-template-columns: 130px 1fr;
      }
      #r-home .side {
        border-right: 1px solid var(--line);
        padding: 16px 12px;
        display: flex;
        flex-direction: column;
        gap: 3px;
        background: rgba(0, 0, 0, 0.15);
      }
      #r-home .side .sl {
        font-family: var(--serif);
        font-size: 16px;
        padding: 2px 8px 12px;
        font-weight: 500;
      }
      #r-home .side .sl b {
        color: var(--grn);
      }
      #r-home .side a {
        font-size: 12px;
        color: var(--mut);
        padding: 8px 10px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-home .side a .sd {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        background: #2c363f;
      }
      #r-home .side a.on {
        background: rgba(61, 220, 132, 0.1);
        color: var(--tx);
      }
      #r-home .side a.on .sd {
        background: var(--grn);
      }
      #r-home .side a:hover {
        color: var(--tx);
        background: rgba(255, 255, 255, 0.03);
      }
      #r-home .main {
        padding: 18px 20px 22px;
        min-height: 340px;
      }
      #r-home .main .mh {
        font-size: 11px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.05em;
      }
      #r-home .main .mt {
        font-family: var(--serif);
        font-size: 19px;
        margin: 2px 0 16px;
        font-weight: 400;
      }
      #r-home .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
      }
      #r-home .stat {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 11px 12px;
      }
      #r-home .stat .sk {
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
        font-family: var(--mono);
      }
      #r-home .stat .sv {
        font-family: var(--serif);
        font-size: 22px;
        margin-top: 4px;
        font-weight: 400;
      }
      #r-home .stat .sc {
        font-size: 10px;
        color: var(--grn);
        margin-top: 2px;
      }
      #r-home .panel-row {
        display: grid;
        grid-template-columns: 1.35fr 1fr;
        gap: 12px;
        margin-top: 12px;
      }
      #r-home .chart {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 14px 10px;
      }
      #r-home .chart .ck {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.05em;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
      }
      #r-home .bars {
        display: flex;
        align-items: flex-end;
        gap: 7px;
        height: 96px;
      }
      #r-home .bar {
        flex: 1;
        background: linear-gradient(180deg, var(--grn), var(--grn-deep));
        border-radius: 4px 4px 0 0;
        height: 0;
        transition: height 1s var(--ease);
        opacity: 0.9;
      }
      #r-home .reveal.in .bar,
      #r-home .go .bar {
        height: var(--h);
      }
      #r-home .list {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 12px 12px;
      }
      #r-home .list .lk {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        margin-bottom: 8px;
      }
      #r-home .lrow {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 7px 0;
        border-top: 1px solid var(--line);
      }
      #r-home .lrow:first-of-type {
        border-top: none;
      }
      #r-home .lav {
        width: 22px;
        height: 22px;
        border-radius: 6px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
      }
      #r-home .lrow .ln1 {
        font-size: 11px;
      }
      #r-home .lrow .ln2 {
        font-size: 9.5px;
        color: var(--faint);
      }
      #r-home .lscore {
        margin-left: auto;
        font-size: 10px;
        font-family: var(--mono);
        color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        padding: 2px 7px;
        border-radius: 6px;
      }
      #r-home .notif {
        position: absolute;
        z-index: 5;
        background: rgba(14, 20, 27, 0.94);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 13px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.9);
        display: flex;
        gap: 10px;
        align-items: flex-start;
        max-width: 245px;
      }
      #r-home .notif .ni {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        background: rgba(61, 220, 132, 0.14);
        display: grid;
        place-items: center;
        flex: none;
      }
      #r-home .notif .ni svg {
        width: 13px;
        height: 13px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      #r-home .notif .nt {
        font-size: 11.5px;
        font-weight: 500;
        line-height: 1.3;
      }
      #r-home .notif .ns {
        font-size: 10px;
        color: var(--faint);
        margin-top: 2px;
      }
      #r-home .n1 {
        top: 14%;
        left: -42px;
        animation: r-home_fl 6s var(--ease) infinite;
      }
      #r-home .n2 {
        bottom: 20%;
        right: -38px;
        animation: r-home_fl 7s var(--ease) infinite 0.8s;
      }
      #r-home .n3 {
        bottom: -22px;
        left: 14%;
        animation: r-home_fl 6.5s var(--ease) infinite 0.4s;
      }
      @keyframes r-home_fl {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-9px);
        }
      }
      #r-home .marquee {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        padding: 18px 0;
        overflow: hidden;
        white-space: nowrap;
        background: var(--bg2);
      }
      #r-home .mq {
        display: inline-flex;
        gap: 32px;
        align-items: center;
        animation: r-home_mq 34s linear infinite;
      }
      #r-home .mq span {
        font-family: var(--serif);
        font-style: italic;
        font-size: 22px;
        color: var(--mut);
      }
      #r-home .mq b {
        color: var(--grn);
        font-size: 9px;
      }
      #r-home .marquee:hover .mq {
        animation-play-state: paused;
      }
      @keyframes r-home_mq {
        to {
          transform: translateX(-50%);
        }
      }
      #r-home .sec {
        padding: 110px 0;
        position: relative;
      }
      #r-home .sechead {
        max-width: 760px;
        display: flex;
        flex-direction: column;
        gap: 18px;
      }
      #r-home .sectitle {
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.4vw, 3.5rem);
        line-height: 1.03;
        letter-spacing: -0.018em;
      }
      #r-home .reveal [data-r] {
        opacity: 0;
        transform: translateY(24px);
        transition: 0.85s var(--ease);
      }
      #r-home .reveal.in [data-r] {
        opacity: 1;
        transform: none;
      }
      #r-home .reveal.in [data-r].s2 {
        transition-delay: 0.1s;
      }
      #r-home .reveal.in [data-r].s3 {
        transition-delay: 0.2s;
      }
      #r-home .manifesto {
        border-top: 1px solid var(--line);
      }
      #r-home .mani-grid {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 56px;
        align-items: center;
      }
      #r-home .mani-quote {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.8vw, 4rem);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-home .mani-quote em {
        color: var(--grn);
      }
      #r-home .mani-body {
        color: var(--mut);
        margin-top: 26px;
        max-width: 460px;
      }
      #r-home .mani-body b {
        color: var(--tx);
      }
      #r-home .imgwrap {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      #r-home .imgwrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: saturate(0.92) contrast(1.02);
      }
      #r-home .imgwrap::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 40%,
          rgba(8, 9, 11, 0.55)
        );
      }
      #r-home .imgtag {
        position: absolute;
        left: 16px;
        bottom: 14px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: #dfe6ec;
      }
      #r-home .feature {
        display: grid;
        grid-template-columns: 1fr 1.08fr;
        gap: 60px;
        align-items: center;
        padding: 64px 0;
        border-top: 1px solid var(--line);
      }
      #r-home .feature.rev {
        grid-template-columns: 1.08fr 1fr;
      }
      #r-home .feature.rev .fcopy {
        order: 2;
      }
      #r-home .fk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 16px;
      }
      #r-home .ftitle {
        font-family: var(--serif);
        font-weight: 350;
        font-size: clamp(1.7rem, 3vw, 2.5rem);
        line-height: 1.05;
        letter-spacing: -0.01em;
        margin-bottom: 16px;
      }
      #r-home .fcopy p {
        color: var(--mut);
        max-width: 440px;
      }
      #r-home .fchecks {
        list-style: none;
        margin-top: 22px;
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      #r-home .fchecks li {
        display: flex;
        align-items: center;
        gap: 11px;
        font-size: 14.5px;
        color: var(--tx);
      }
      #r-home .fchecks svg {
        width: 16px;
        height: 16px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2.2;
        flex: none;
      }
      #r-home .approval {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        position: relative;
        max-width: 420px;
        margin-left: auto;
      }
      #r-home .ap-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
      }
      #r-home .ap-av {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
      }
      #r-home .ap-b {
        font-size: 13px;
        font-weight: 600;
      }
      #r-home .ap-s {
        font-size: 10.5px;
        color: var(--faint);
        font-family: var(--mono);
      }
      #r-home .ap-tag {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-home .ap-media {
        height: 150px;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
      }
      #r-home .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      #r-home .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 13px 2px;
        line-height: 1.5;
      }
      #r-home .ap-cap b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-home .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-home .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 9px;
        padding: 11px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
        transition: 0.25s;
      }
      #r-home .ap-approve:hover {
        background: var(--grn2);
      }
      #r-home .ap-hold {
        padding: 11px 18px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 9px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-home .ap-hold:hover {
        color: var(--tx);
        border-color: var(--line2);
      }
      #r-home .stamp {
        position: absolute;
        top: 56px;
        right: 22px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.1em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 10px;
        padding: 7px 14px;
        transform: rotate(-11deg) scale(0.6);
        opacity: 0;
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.3);
      }
      #r-home .reveal.in .stamp {
        animation: r-home_stampIn 0.6s var(--ease) 1s forwards;
      }
      @keyframes r-home_stampIn {
        to {
          opacity: 1;
          transform: rotate(-11deg) scale(1);
        }
      }
      #r-home .cal {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-home .cal-h {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 14px;
      }
      #r-home .cal-h .cm {
        font-family: var(--serif);
        font-size: 17px;
      }
      #r-home .cal-h .cl {
        font-family: var(--mono);
        font-size: 9.5px;
        color: var(--faint);
        display: flex;
        gap: 12px;
      }
      #r-home .cal-h .cl i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 5px;
      }
      #r-home .cal-h .cl i::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: var(--grn);
      }
      #r-home .cl .cb::before {
        background: var(--blue) !important;
      }
      #r-home .cl .ca::before {
        background: var(--amber) !important;
      }
      #r-home .cal-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 6px;
      }
      #r-home .cell {
        aspect-ratio: 1;
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 5px;
        font-size: 8.5px;
        color: var(--faint);
        position: relative;
        font-family: var(--mono);
      }
      #r-home .cell .cc {
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 5px;
        height: 15px;
        border-radius: 4px;
        font-size: 7.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #05130a;
        font-weight: 600;
        letter-spacing: 0.03em;
        opacity: 0;
        transform: translateY(4px);
        transition: 0.5s var(--ease);
      }
      #r-home .reveal.in .cell .cc {
        opacity: 1;
        transform: none;
      }
      #r-home .cc.reel {
        background: var(--grn);
      }
      #r-home .cc.car {
        background: var(--blue);
      }
      #r-home .cc.stat {
        background: var(--amber);
      }
      #r-home .report {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 20px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-home .rep-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-bottom: 16px;
      }
      #r-home .rep-stats .stat .sv {
        font-size: 26px;
      }
      #r-home .band {
        position: relative;
        min-height: 520px;
        display: flex;
        align-items: flex-end;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        overflow: hidden;
      }
      #r-home .band .bimg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #r-home .band .bimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) brightness(0.7);
      }
      #r-home .band::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
          90deg,
          rgba(8, 9, 11, 0.92) 0%,
          rgba(8, 9, 11, 0.55) 45%,
          rgba(8, 9, 11, 0.35) 100%
        );
      }
      #r-home .band-in {
        position: relative;
        z-index: 2;
        padding: 64px 0 60px;
      }
      #r-home .band-q {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 4.4vw, 3.6rem);
        line-height: 1.05;
        max-width: 16ch;
        letter-spacing: -0.018em;
      }
      #r-home .band-q em {
        color: var(--grn);
      }
      #r-home .band-s {
        color: var(--mut);
        margin-top: 20px;
        max-width: 440px;
      }
      #r-home .who-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        margin-top: 60px;
        border-top: 1px solid var(--line2);
      }
      #r-home .who-col {
        padding: 42px 42px 42px 0;
        border-right: 1px solid var(--line);
      }
      #r-home .who-col:last-child {
        padding: 42px 0 42px 42px;
        border-right: none;
      }
      #r-home .who-col .wk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 18px;
      }
      #r-home .who-col h3 {
        font-family: var(--serif);
        font-weight: 360;
        font-size: 1.8rem;
        margin-bottom: 14px;
      }
      #r-home .who-col p {
        color: var(--mut);
        max-width: 420px;
      }
      #r-home .gate-pts {
        display: flex;
        margin-top: 56px;
        border-top: 1px solid var(--line);
      }
      #r-home .gate-pts div {
        flex: 1;
        padding: 24px 28px 0 0;
        border-right: 1px solid var(--line);
        color: var(--mut);
        font-size: 0.96rem;
      }
      #r-home .gate-pts div:last-child {
        border-right: none;
        padding-right: 0;
      }
      #r-home .gate-pts .gk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--grn);
        text-transform: uppercase;
        display: block;
        margin-bottom: 12px;
      }
      #r-home .price {
        background: var(--bg2);
        border-top: 1px solid var(--line);
      }
      #r-home .price-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 56px;
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
      }
      #r-home .pcard {
        padding: 32px 26px;
        border-right: 1px solid var(--line);
        transition: 0.4s var(--ease);
      }
      #r-home .pcard:last-child {
        border-right: none;
      }
      #r-home .pcard:hover {
        background: rgba(61, 220, 132, 0.04);
      }
      #r-home .pcard.feat {
        background: rgba(61, 220, 132, 0.05);
      }
      #r-home .pcard .pn {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-home .pcard .pp {
        font-family: var(--serif);
        font-size: 2.2rem;
        font-weight: 360;
        margin: 16px 0 3px;
      }
      #r-home .pcard .pp small {
        font-size: 0.85rem;
        color: var(--faint);
        font-family: var(--sans);
      }
      #r-home .pcard .pt {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        color: var(--grn);
        text-transform: uppercase;
      }
      #r-home .pcard .pd {
        color: var(--mut);
        font-size: 0.9rem;
        line-height: 1.5;
        margin-top: 12px;
        min-height: 88px;
      }
      #r-home .price-note {
        margin-top: 24px;
        color: var(--faint);
        font-size: 0.9rem;
        font-family: var(--mono);
      }
      #r-home .close {
        padding: 130px 0 0;
        text-align: center;
      }
      #r-home .close .big {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.2vw, 3.6rem);
        line-height: 0.96;
        letter-spacing: -0.025em;
      }
      #r-home .close .big em {
        color: var(--grn);
      }
      #r-home .capture {
        display: flex;
        gap: 10px;
        max-width: 470px;
        margin: 44px auto 0;
        border: 1px solid var(--line2);
        border-radius: 100px;
        padding: 7px 7px 7px 24px;
        transition: 0.35s;
      }
      #r-home .capture:focus-within {
        border-color: var(--grn);
      }
      #r-home .capture input {
        flex: 1;
        background: none;
        border: none;
        outline: none;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 15px;
      }
      #r-home .capture input::placeholder {
        color: var(--faint);
      }
      #r-home .capture button {
        font-family: var(--mono);
        font-size: 12.5px;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 100px;
        padding: 12px 22px;
        cursor: pointer;
        transition: 0.3s;
      }
      #r-home .capture button:hover {
        background: var(--grn2);
      }
      #r-home .capnote {
        margin-top: 15px;
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-home footer {
        margin-top: 130px;
        border-top: 1px solid var(--line);
        padding: 60px 0 40px;
      }
      #r-home .foot-top {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        flex-wrap: wrap;
        align-items: flex-start;
      }
      #r-home .foot-mark {
        font-family: var(--serif);
        font-size: clamp(3rem, 12vw, 9rem);
        line-height: 0.8;
        font-weight: 400;
      }
      #r-home .foot-mark b {
        color: var(--grn);
      }
      #r-home .foot-links {
        display: flex;
        gap: 56px;
        flex-wrap: wrap;
      }
      #r-home .foot-col {
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      #r-home .foot-col .fh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 5px;
      }
      #r-home .foot-col a {
        color: var(--mut);
        font-size: 14px;
        transition: 0.3s;
      }
      #r-home .foot-col a:hover {
        color: var(--grn);
      }
      #r-home .foot-bot {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        padding-top: 22px;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 11px;
        flex-wrap: wrap;
        gap: 12px;
      }
      @media (max-width: 980px) {
        #r-home .wrap,
        #r-home .nav-in {
          padding-left: 22px;
          padding-right: 22px;
        }
        #r-home .nlinks {
          display: none;
        }
        #r-home .hero-grid {
          grid-template-columns: minmax(0, 1fr);
          gap: 54px;
        }
        #r-home .hero-in {
          max-width: 100%;
        }
        #r-home .hero-figure {
          height: auto;
          width: 78%;
          right: -8%;
          bottom: 0;
          opacity: 0.22;
        }
        #r-home #cmdapp .main {
          min-height: 440px;
        }
        #r-home .hero-grid > *,
        #r-home .feature > *,
        #r-home .mani-grid > *,
        #r-home .mock,
        #r-home .fcopy {
          min-width: 0;
          max-width: 100%;
        }
        #r-home .app {
          transform: none;
          width: 100%;
        }
        #r-home .reveal-hero .app {
          transform: none;
        }
        #r-home .app-body {
          grid-template-columns: 108px 1fr;
        }
        #r-home .panel-row {
          grid-template-columns: 1fr;
        }
        #r-home .approval {
          margin: 0;
          max-width: 100%;
        }
        #r-home .mani-grid {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        #r-home .feature,
        #r-home .feature.rev {
          grid-template-columns: minmax(0, 1fr);
          gap: 34px;
        }
        #r-home .feature.rev .fcopy {
          order: 0;
        }
        #r-home .gate-pts {
          flex-direction: column;
        }
        #r-home .gate-pts div {
          border-right: none;
          border-bottom: 1px solid var(--line);
          padding: 20px 0;
        }
        #r-home .who-grid {
          grid-template-columns: 1fr;
        }
        #r-home .who-col,
        #r-home .who-col:last-child {
          padding: 32px 0;
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
        #r-home .price-grid {
          grid-template-columns: 1fr 1fr;
        }
        #r-home .pcard:nth-child(2n) {
          border-right: none;
        }
        #r-home .stats {
          grid-template-columns: repeat(2, 1fr);
        }
        #r-home .notif {
          display: none;
        }
        #r-home .sec {
          padding: 80px 0;
        }
      }
      @media (max-width: 560px) {
        #r-home .price-grid {
          grid-template-columns: 1fr;
        }
        #r-home .stats {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #r-home * {
          animation-duration: 0.001s !important;
          transition-duration: 0.001s !important;
        }
        #r-home .h1 .ln > span {
          transform: none;
        }
        #r-home [data-r],
        #r-home .fade-up,
        #r-home .eyhero {
          opacity: 1 !important;
          transform: none !important;
        }
      }
      #r-home .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      #r-home .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      #r-home .trustline b {
        color: var(--tx);
      }
      #r-home .integ {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: var(--bg2);
        padding: 34px 0;
      }
      #r-home .integ .ik {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--faint);
        text-align: center;
        margin-bottom: 20px;
      }
      #r-home .ilogos {
        display: flex;
        justify-content: center;
        gap: 14px 40px;
        flex-wrap: wrap;
      }
      #r-home .ilogos span {
        font-family: var(--serif);
        font-size: 20px;
        color: var(--mut);
        opacity: 0.65;
        transition: 0.3s var(--ease);
        cursor: default;
      }
      #r-home .ilogos span:hover {
        opacity: 1;
        color: var(--tx);
      }
      #r-home .hero {
        min-height: 92vh;
        display: flex;
        align-items: center;
        padding: 120px 0 70px;
      }
      #r-home .hero-in {
        position: relative;
        z-index: 2;
      }
      #r-home .hero-figure {
        position: absolute;
        right: 1.5%;
        bottom: 0;
        height: 84%;
        z-index: 1;
        pointer-events: none;
        -webkit-mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
        -webkit-mask-composite: source-in;
        mask-composite: intersect;
        mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
      }
      #r-home .hero-figure img {
        height: 100%;
        width: auto;
        object-fit: contain;
        object-position: bottom right;
        filter: saturate(0.96) contrast(1.02);
      }
      #r-home .screen {
        position: absolute;
        inset: 18px 20px;
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.6s var(--ease),
          transform 0.6s var(--ease);
        pointer-events: none;
      }
      #r-home .screen.on {
        opacity: 1;
        transform: none;
        pointer-events: auto;
      }
      #r-home .wimg {
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 22px;
        aspect-ratio: 16/10;
        border: 1px solid var(--line2);
        position: relative;
      }
      #r-home .wimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) contrast(1.02);
      }
      #r-home .wimg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(8, 9, 11, 0.5)
        );
      }
      #r-home #aurora,
      #r-home #fx {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
      }
      #r-home #aurora {
        z-index: 0;
        filter: blur(30px);
        opacity: 0.9;
        background:
          radial-gradient(
            38% 46% at 16% 20%,
            rgba(61, 220, 132, 0.1),
            transparent 68%
          ),
          radial-gradient(
            42% 42% at 84% 28%,
            rgba(28, 158, 86, 0.085),
            transparent 70%
          ),
          radial-gradient(
            55% 50% at 52% 96%,
            rgba(61, 220, 132, 0.07),
            transparent 72%
          );
        animation: r-home_aur 26s ease-in-out infinite alternate;
      }
      @keyframes r-home_aur {
        0% {
          transform: translate3d(-2%, -1%, 0) scale(1.05);
        }
        50% {
          transform: translate3d(3%, 2%, 0) scale(1.16);
        }
        100% {
          transform: translate3d(-1%, 3%, 0) scale(1.09);
        }
      }
      #r-home #fx {
        opacity: 0.6;
      }
      #r-home nav,
      #r-home header,
      #r-home section,
      #r-home footer,
      #r-home .marquee {
        position: relative;
        z-index: 1;
      }
      #r-home .pipe,
      #r-home .price,
      #r-home .integ,
      #r-home .marquee,
      #r-home #gate,
      #r-home #command,
      #r-home #who,
      #r-home #pricing {
        background: transparent !important;
      }
      #r-home .sectitle,
      #r-home .mani-quote,
      #r-home .gate-big,
      #r-home .band-q,
      #r-home .close .big {
        clip-path: inset(0 105% 0 -5%);
        transition: clip-path 1.15s cubic-bezier(0.19, 1, 0.22, 1);
      }
      #r-home .reveal.in .sectitle,
      #r-home .reveal.in .mani-quote,
      #r-home .reveal.in .gate-big,
      #r-home .reveal.in .band-q,
      #r-home .close.reveal.in .big {
        clip-path: inset(0 -5% 0 -5%);
      }
      @media (prefers-reduced-motion: reduce) {
        #r-home #fx {
          display: none;
        }
        #r-home #aurora {
          animation: none;
        }
        #r-home .sectitle,
        #r-home .mani-quote,
        #r-home .gate-big,
        #r-home .band-q,
        #r-home .close .big {
          clip-path: none !important;
        }
      }
      @media (max-width: 760px) {
        #r-home .hero {
          flex-direction: column;
          justify-content: flex-start;
          align-items: stretch;
          min-height: 100svh;
          padding: 100px 0 0;
        }
        #r-home .hero-bg img {
          object-position: 50% 26%;
        }
        #r-home .hero::after {
          background:
            linear-gradient(
              180deg,
              rgba(8, 9, 11, 0.6) 0%,
              rgba(8, 9, 11, 0.14) 20%,
              transparent 42%
            ),
            linear-gradient(
              0deg,
              rgba(8, 9, 11, 0.97) 4%,
              rgba(8, 9, 11, 0.86) 20%,
              rgba(8, 9, 11, 0.42) 38%,
              transparent 54%
            );
        }
        #r-home .hero-in {
          max-width: 100%;
        }
        #r-home .h1 {
          font-size: clamp(2.4rem, 10.5vw, 3.3rem);
          margin-top: 14px;
        }
        #r-home .sub {
          font-size: 1.01rem;
          margin-top: 16px;
          max-width: 100%;
        }
        #r-home .hero-cta {
          gap: 11px;
          margin-top: 22px;
        }
        #r-home .hero-cta .btn {
          padding: 12px 20px;
        }
        #r-home .trustline {
          margin-top: 16px;
        }
      }
      #r-home .kcol {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 7px;
        min-height: 120px;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      #r-home .kcol.gate {
        background: rgba(61, 220, 132, 0.06);
        border-color: rgba(61, 220, 132, 0.3);
      }
      #r-home .kh {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.04em;
        color: var(--faint);
      }
      #r-home .kcard {
        background: var(--panel3);
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 8px 7px;
        font-size: 9.5px;
        color: var(--mut);
        transition: 0.4s var(--ease);
      }
      #r-home .kcard.live {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--tx);
        font-weight: 500;
      }
      #r-home .ktag {
        margin-top: auto;
        font-family: var(--mono);
        font-size: 7px;
        letter-spacing: 0.14em;
        color: var(--grn-deep);
      }
      #r-home .kcard.kflow {
        border-color: rgba(61, 220, 132, 0.55);
        box-shadow: 0 0 22px rgba(61, 220, 132, 0.28);
        color: var(--tx);
        transform: translateY(-2px);
      }
      #r-home .kcard.kdone {
        background: rgba(61, 220, 132, 0.16);
        border-color: rgba(61, 220, 132, 0.6);
        color: var(--grn2);
        font-weight: 600;
      }
      #r-home {
        --warn: #e8836f;
        --warn2: #f0a596;
      }
      #r-home .nlinks a.active {
        color: var(--tx);
      }
      #r-home .nlinks a.active::after {
        content: "";
        display: block;
        height: 1px;
        background: var(--grn);
        margin-top: 4px;
        box-shadow: 0 0 8px var(--grn);
      }
      #r-home .phero {
        position: relative;
        padding: 160px 0 66px;
        border-bottom: 1px solid var(--line);
        overflow: hidden;
        z-index: 1;
      }
      #r-home .phero .ey {
        margin-bottom: 18px;
      }
      #r-home .phero h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.6rem, 6vw, 5rem);
        line-height: 0.98;
        letter-spacing: -0.024em;
        max-width: 15ch;
      }
      #r-home .phero h1 em {
        font-style: italic;
        color: var(--grn2);
      }
      #r-home .phero p {
        margin-top: 24px;
        max-width: 54ch;
        color: var(--mut);
        font-size: clamp(1rem, 1.2vw, 1.16rem);
      }
      #r-home .broken .bhead {
        text-align: center;
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.6vw, 3.5rem);
        letter-spacing: -0.022em;
        color: var(--warn2);
      }
      #r-home .stat-wall {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 46px;
      }
      #r-home .swcard {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: var(--bg2);
        padding: 30px 26px 26px;
        overflow: hidden;
      }
      #r-home .swcard::before {
        content: "";
        position: absolute;
        top: 0;
        left: 26px;
        width: 36px;
        height: 3px;
        border-radius: 2px;
        background: var(--warn);
      }
      #r-home .swcard.good::before {
        background: var(--grn);
      }
      #r-home .swn {
        font-family: var(--serif);
        font-weight: 400;
        font-size: clamp(2.1rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        color: var(--warn);
        line-height: 1;
      }
      #r-home .swcard.good .swn {
        color: var(--grn2);
      }
      #r-home .swn small {
        font-size: 0.46em;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0;
        font-weight: 400;
      }
      #r-home .swl {
        margin-top: 12px;
        color: var(--mut);
        font-size: 0.94rem;
        line-height: 1.45;
      }
      #r-home .eqdiv {
        display: flex;
        align-items: center;
        gap: 22px;
        margin: 46px 0 8px;
      }
      #r-home .eqdiv span {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.18em;
        color: var(--grn);
        white-space: nowrap;
        text-transform: uppercase;
      }
      #r-home .eqdiv::before,
      #r-home .eqdiv::after {
        content: "";
        height: 1px;
        flex: 1;
        background: var(--line);
      }
      #r-home .compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        margin-top: 48px;
      }
      #r-home .cmpcard {
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 34px;
        background: var(--bg2);
      }
      #r-home .cmpcard.zyr {
        border-color: rgba(61, 220, 132, 0.32);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.055),
          transparent 60%
        );
      }
      #r-home .cmph {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.5rem;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        gap: 11px;
      }
      #r-home .cmph .dotg {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 10px var(--grn);
      }
      #r-home .flow {
        display: flex;
        align-items: center;
        gap: 9px;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }
      #r-home .pill {
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 15px;
        border: 1px solid var(--line2);
        border-radius: 9px;
        color: var(--tx);
        background: rgba(255, 255, 255, 0.015);
      }
      #r-home .cmpcard.zyr .pill {
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--grn2);
        font-size: 11px;
        padding: 5px 10px;
      }
      #r-home .cmpcard.zyr .flow {
        gap: 5px;
      }
      #r-home .flow .arw {
        color: var(--faint);
        font-size: 13px;
      }
      #r-home .cmpcard.zyr .flow .arw {
        color: var(--grn);
      }
      #r-home .tags {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      #r-home .tag2 {
        font-family: var(--mono);
        font-size: 12px;
        padding: 6px 13px;
        border-radius: 7px;
        border: 1px solid rgba(232, 131, 111, 0.32);
        color: var(--warn2);
      }
      #r-home .cmpcard.zyr .tag2 {
        border-color: rgba(61, 220, 132, 0.45);
        color: var(--grn2);
        background: rgba(61, 220, 132, 0.09);
      }
      #r-home .agrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 50px;
      }
      #r-home .acard {
        border: 1px solid var(--line);
        border-radius: 20px;
        background: var(--bg2);
        padding: 32px;
        transition: 0.4s var(--ease);
      }
      #r-home .acard:hover {
        border-color: var(--line2);
        transform: translateY(-3px);
      }
      #r-home .acard.cta {
        background: linear-gradient(
          160deg,
          rgba(61, 220, 132, 0.09),
          transparent 70%
        );
        border-color: rgba(61, 220, 132, 0.28);
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      #r-home .aico {
        width: 48px;
        height: 48px;
        border-radius: 13px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.18);
        display: grid;
        place-items: center;
        margin-bottom: 24px;
      }
      #r-home .aico svg {
        width: 22px;
        height: 22px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      #r-home .ak {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--grn);
      }
      #r-home .acard h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.42rem;
        margin: 7px 0 11px;
      }
      #r-home .acard > p {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 18px;
        line-height: 1.5;
      }
      #r-home .alist {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      #r-home .alist li {
        font-size: 0.92rem;
        color: var(--tx);
        display: flex;
        gap: 10px;
        align-items: center;
      }
      #r-home .alist svg {
        width: 14px;
        height: 14px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-home .acard.cta h3 {
        font-size: 1.6rem;
        margin-bottom: 14px;
      }
      #r-home .acard.cta p {
        color: var(--mut);
        margin-bottom: 24px;
      }
      #r-home .plans {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 52px;
        align-items: start;
      }
      #r-home .plan {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: var(--bg2);
        padding: 36px 32px;
      }
      #r-home .plan.pop {
        border-color: var(--grn);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.07),
          transparent 55%
        );
        box-shadow: 0 0 70px -24px rgba(61, 220, 132, 0.45);
      }
      #r-home .pop-badge {
        position: absolute;
        top: -13px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--grn);
        color: #05130a;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.12em;
        padding: 6px 15px;
        border-radius: 100px;
        font-weight: 500;
        text-transform: uppercase;
      }
      #r-home .plan .pn {
        font-family: var(--serif);
        font-size: 1.55rem;
        font-weight: 400;
      }
      #r-home .plan .pdesc {
        color: var(--mut);
        font-size: 0.9rem;
        margin: 9px 0 24px;
        min-height: 40px;
        line-height: 1.45;
      }
      #r-home .plan .pp {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 3.1rem;
        letter-spacing: -0.02em;
        display: flex;
        align-items: baseline;
        gap: 5px;
        line-height: 1;
      }
      #r-home .plan .pp small {
        font-size: 0.85rem;
        color: var(--mut);
        font-family: var(--mono);
      }
      #r-home .plan .padd {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 9px;
        letter-spacing: 0.02em;
      }
      #r-home .pfeat {
        list-style: none;
        margin: 26px 0;
        display: flex;
        flex-direction: column;
        gap: 13px;
      }
      #r-home .pfeat li {
        display: flex;
        gap: 11px;
        font-size: 0.94rem;
        color: var(--tx);
        line-height: 1.4;
      }
      #r-home .pfeat svg {
        width: 15px;
        height: 15px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
        margin-top: 3px;
      }
      #r-home .pbtn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
        border-radius: 100px;
        font-family: var(--mono);
        font-size: 13px;
        border: 1px solid var(--line2);
        color: var(--tx);
        cursor: pointer;
        transition: 0.3s var(--ease);
        background: none;
        letter-spacing: 0.02em;
      }
      #r-home .pbtn:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      #r-home .plan.pop .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-home .plan.pop .pbtn:hover {
        background: var(--grn2);
        border-color: var(--grn2);
      }
      #r-home .price-sub {
        text-align: center;
        margin-top: 26px;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--faint);
        letter-spacing: 0.03em;
      }
      #r-home .subwrap {
        max-width: 660px;
        margin: 0 auto;
        border: 1px solid var(--line2);
        border-radius: 22px;
        background: var(--bg2);
        padding: 42px;
        position: relative;
        z-index: 1;
      }
      #r-home .substeps {
        display: flex;
        gap: 8px;
        margin-bottom: 14px;
      }
      #r-home .sstep {
        flex: 1;
        height: 4px;
        border-radius: 2px;
        background: var(--line2);
        transition: 0.4s;
      }
      #r-home .sstep.on {
        background: var(--grn);
      }
      #r-home .sscount {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--faint);
        text-transform: uppercase;
        margin-bottom: 24px;
      }
      #r-home .spanel {
        display: none;
        animation: r-home_sfade 0.5s var(--ease);
      }
      #r-home .spanel.on {
        display: block;
      }
      @keyframes r-home_sfade {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      #r-home .spanel h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.7rem;
        margin-bottom: 8px;
      }
      #r-home .spanel .shint {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 26px;
      }
      #r-home .field {
        margin-bottom: 16px;
      }
      #r-home .field label {
        display: block;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      #r-home .field input,
      #r-home .field select {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
      }
      #r-home .field input:focus,
      #r-home .field select:focus {
        outline: none;
        border-color: var(--grn);
      }
      #r-home .planpick {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
        margin-bottom: 8px;
      }
      #r-home .pp-opt {
        border: 1px solid var(--line2);
        border-radius: 13px;
        padding: 16px 14px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-home .pp-opt:hover {
        border-color: var(--line2);
      }
      #r-home .pp-opt.sel {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.06);
      }
      #r-home .pp-opt .ppn {
        font-family: var(--serif);
        font-size: 1.05rem;
      }
      #r-home .pp-opt .ppp {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 4px;
      }
      #r-home .brandrow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 12px 16px;
        margin-bottom: 16px;
      }
      #r-home .brandrow .stepper {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-home .brandrow button {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        border: 1px solid var(--line2);
        background: none;
        color: var(--tx);
        font-size: 16px;
        cursor: pointer;
      }
      #r-home .brandrow button:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      #r-home .summ {
        border: 1px solid var(--line);
        border-radius: 13px;
        background: var(--panel);
        padding: 20px;
        margin: 18px 0 22px;
      }
      #r-home .summ .srow {
        display: flex;
        justify-content: space-between;
        padding: 7px 0;
        font-size: 0.94rem;
        color: var(--mut);
      }
      #r-home .summ .srow b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-home .summ .stotal {
        border-top: 1px solid var(--line);
        margin-top: 8px;
        padding-top: 14px;
        font-size: 1.05rem;
      }
      #r-home .summ .stotal b {
        color: var(--grn2);
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      #r-home .subact {
        display: flex;
        gap: 12px;
        margin-top: 8px;
      }
      #r-home .subact .pbtn {
        flex: 1;
      }
      #r-home .subback {
        flex: 0 0 auto;
        width: auto;
        padding: 15px 24px;
      }
      #r-home .sdone {
        text-align: center;
        padding: 20px 0;
      }
      #r-home .sdone .sdi {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: grid;
        place-items: center;
        margin: 0 auto 22px;
      }
      #r-home .sdone .sdi svg {
        width: 30px;
        height: 30px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      #r-home .sdone h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 2rem;
        margin-bottom: 12px;
      }
      #r-home .sdone p {
        color: var(--mut);
        max-width: 40ch;
        margin: 0 auto;
      }
      #r-home .securenote {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.04em;
      }
      #r-home .fifth-grid {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 48px;
        align-items: center;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: var(--bg2);
        padding: 52px;
      }
      #r-home .fifth-grid h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        line-height: 1.02;
      }
      #r-home .fifth-grid h2 em {
        font-style: normal;
        color: var(--grn2);
      }
      #r-home .fifth-grid > div > p {
        color: var(--mut);
        margin: 22px 0 30px;
        max-width: 46ch;
        line-height: 1.6;
      }
      #r-home .fcard {
        border: 1px solid var(--line2);
        border-radius: 18px;
        background: var(--panel);
        padding: 30px;
      }
      #r-home .fcard-top {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 18px;
      }
      #r-home .fcard-mark {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: conic-gradient(
          from 200deg,
          #6cf0a6,
          #6aa9f0,
          #b58cf0,
          #6cf0a6
        );
        display: grid;
        place-items: center;
      }
      #r-home .fcard-mark span {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        background: #05130a;
      }
      #r-home .fcard-name {
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      #r-home .fcard-name b {
        color: var(--grn2);
      }
      #r-home .fcard-sub {
        font-family: var(--mono);
        font-size: 11.5px;
        color: var(--mut);
        letter-spacing: 0.04em;
        border-bottom: 1px solid var(--line);
        padding-bottom: 18px;
        margin-bottom: 6px;
      }
      #r-home .frow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid var(--line);
      }
      #r-home .frow:last-child {
        border-bottom: none;
      }
      #r-home .frow b {
        font-weight: 500;
        font-size: 0.98rem;
      }
      #r-home .frow span {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--faint);
      }
      #r-home .faq {
        max-width: 820px;
        margin: 48px auto 0;
      }
      #r-home .faq details {
        border-bottom: 1px solid var(--line);
        padding: 22px 0;
      }
      #r-home .faq summary {
        font-family: var(--serif);
        font-size: 1.2rem;
        cursor: pointer;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
      }
      #r-home .faq summary::-webkit-details-marker {
        display: none;
      }
      #r-home .faq summary::after {
        content: "+";
        color: var(--grn);
        font-family: var(--mono);
        font-size: 1.4rem;
        transition: 0.3s;
      }
      #r-home .faq details[open] summary::after {
        transform: rotate(45deg);
      }
      #r-home .faq details p {
        color: var(--mut);
        margin-top: 14px;
        max-width: 64ch;
        line-height: 1.6;
      }
      @media (max-width: 980px) {
        #r-home .stat-wall {
          grid-template-columns: 1fr 1fr;
        }
        #r-home .compare {
          grid-template-columns: 1fr;
        }
        #r-home .agrid {
          grid-template-columns: 1fr;
        }
        #r-home .plans {
          grid-template-columns: 1fr;
          gap: 26px;
        }
        #r-home .plan.pop {
          order: -1;
        }
        #r-home .fifth-grid {
          grid-template-columns: 1fr;
          gap: 34px;
          padding: 34px;
        }
        #r-home .planpick {
          grid-template-columns: 1fr;
        }
        #r-home .phero {
          padding: 130px 0 50px;
        }
      }
      @media (max-width: 560px) {
        #r-home .stat-wall {
          grid-template-columns: 1fr;
        }
        #r-home .subwrap {
          padding: 26px;
        }
      }
      #r-home .sectitle em,
      #r-home .ftitle em,
      #r-home .mani-quote em {
        font-style: italic;
        color: var(--grn2);
      }
      #r-home .sechead.ctr {
        text-align: center;
        align-items: center;
        max-width: none;
        margin: 0 auto;
      }
      #r-home .sechead.ctr .ey {
        justify-content: center;
      }
      #r-home .sechead.ctr .sub {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }
      #r-home .phero .wrap {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 40px;
        align-items: center;
      }
      #r-home .phero-txt {
        min-width: 0;
      }
      #r-home .phero-viz {
        position: relative;
        display: grid;
        place-items: center;
        min-height: 400px;
      }
      #r-home .phero h1 {
        max-width: none;
      }
      #r-home .orbit {
        position: relative;
        width: 380px;
        height: 380px;
      }
      #r-home .orbit .ring {
        position: absolute;
        inset: 0;
        border: 1px solid rgba(61, 220, 132, 0.13);
        border-radius: 50%;
      }
      #r-home .orbit .ring.r2 {
        inset: 46px;
        border-color: rgba(61, 220, 132, 0.1);
      }
      #r-home .orbit .ring.r3 {
        inset: 104px;
        border-color: rgba(61, 220, 132, 0.08);
      }
      #r-home .orbit-spin {
        position: absolute;
        inset: 0;
        animation: r-home_orbspin 46s linear infinite;
      }
      @keyframes r-home_orbspin {
        to {
          transform: rotate(360deg);
        }
      }
      #r-home .onode {
        position: absolute;
        width: 0;
        height: 0;
      }
      #r-home .onode .chip {
        position: absolute;
        transform: translate(-50%, -50%);
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.03em;
        color: var(--grn2);
        background: rgba(8, 9, 11, 0.72);
        border: 1px solid rgba(61, 220, 132, 0.32);
        border-radius: 100px;
        padding: 6px 12px;
        white-space: nowrap;
        animation: r-home_orbspinr 46s linear infinite;
        backdrop-filter: blur(2px);
      }
      #r-home .onode .chip::before {
        content: "";
        position: absolute;
        left: -4px;
        top: 50%;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 8px var(--grn);
        transform: translateY(-50%);
      }
      @keyframes r-home_orbspinr {
        to {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }
      #r-home .orbit-core {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 104px;
        height: 104px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        text-align: center;
        background: radial-gradient(
          circle,
          rgba(61, 220, 132, 0.16),
          transparent 72%
        );
      }
      #r-home .orbit-core b {
        font-family: var(--serif);
        font-size: 1.05rem;
        color: var(--tx);
        line-height: 1.05;
        position: relative;
        z-index: 2;
      }
      #r-home .orbit-core .oc-dot {
        position: absolute;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 22px var(--grn);
        top: -2px;
        animation: r-home_ocpulse 2.8s ease-in-out infinite;
      }
      @keyframes r-home_ocpulse {
        0%,
        100% {
          transform: scale(1);
          opacity: 1;
        }
        50% {
          transform: scale(1.6);
          opacity: 0.55;
        }
      }
      #r-home .viz-img {
        position: relative;
        width: min(440px, 90%);
        aspect-ratio: 4/5;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      #r-home .viz-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.94) contrast(1.02);
      }
      #r-home .viz-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 45%,
          rgba(8, 9, 11, 0.6)
        );
      }
      #r-home .viz-chip {
        position: absolute;
        left: 18px;
        bottom: 16px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.06em;
        color: var(--grn2);
        border: 1px solid rgba(61, 220, 132, 0.3);
        border-radius: 100px;
        padding: 7px 13px;
        background: rgba(8, 9, 11, 0.55);
      }
      #r-home .inquiry {
        max-width: 760px;
        margin: 44px auto 0;
        position: relative;
        z-index: 1;
      }
      #r-home .frow2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }
      #r-home .inquiry textarea {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
        resize: vertical;
        min-height: 120px;
      }
      #r-home .inquiry textarea:focus {
        outline: none;
        border-color: var(--grn);
      }
      #r-home .inquiry .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        margin-top: 6px;
      }
      #r-home .inquiry .pbtn:hover {
        background: var(--grn2);
      }
      @media (max-width: 900px) {
        #r-home .phero .wrap {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        #r-home .phero-viz {
          min-height: 320px;
          margin-top: 6px;
        }
        #r-home .orbit {
          transform: scale(0.82);
        }
        #r-home .frow2 {
          grid-template-columns: 1fr;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #r-home .orbit-spin {
          animation: none;
        }
        #r-home .onode .chip {
          animation: none;
        }
        #r-home .orbit-core .oc-dot {
          animation: none;
        }
      }
      #r-home .route {
        display: none;
      }
      #r-home .route.on {
        display: block;
        animation: r-home_routein 0.5s var(--ease);
      }
      @keyframes r-home_routein {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }
      #r-home .acct-toggle {
        display: inline-flex;
        gap: 4px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px;
      }
      #r-home .at-opt {
        border: 0;
        background: transparent;
        color: var(--mut);
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 24px;
        border-radius: 999px;
        cursor: pointer;
        transition: all 0.18s;
      }
      #r-home .at-opt.on {
        background: var(--grn);
        color: #04120a;
        font-weight: 600;
      }
      #r-home .acct-note {
        text-align: center;
        color: var(--mut);
        font-size: 12.5px;
        margin: 0 auto 24px;
        max-width: 560px;
      }
      #r-home .prod-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 26px;
        margin-top: 44px;
      }
      #r-home .prod-col {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 24px 22px;
        background: rgba(255, 255, 255, 0.02);
      }
      #r-home .prod-h {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-home .prod-h h3 {
        margin: 0;
        font-size: 1.15rem;
      }
      #r-home .prod-ic {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--grn);
        font-size: 15px;
      }
      #r-home .prod-item {
        padding: 13px 0;
        border-top: 1px solid var(--line);
      }
      #r-home .prod-item b {
        display: block;
        color: #fff;
        font-size: 0.96rem;
        margin-bottom: 3px;
        font-weight: 500;
      }
      #r-home .prod-item span {
        color: var(--mut);
        font-size: 0.82rem;
        line-height: 1.45;
      }
      @media (max-width: 860px) {
        #r-home .prod-grid {
          grid-template-columns: 1fr;
        }
      }
      #r-home .legal {
        max-width: 820px;
        margin: 0 auto;
      }
      #r-home .legal h2 {
        font-size: 1.25rem;
        margin: 30px 0 8px;
        color: #fff;
      }
      #r-home .legal h3 {
        font-size: 1rem;
        margin: 20px 0 6px;
        color: #fff;
      }
      #r-home .legal p,
      #r-home .legal li {
        color: var(--mut);
        line-height: 1.7;
        font-size: 0.95rem;
      }
      #r-home .legal a {
        color: var(--grn);
      }
      #r-home .legal ul {
        padding-left: 20px;
      }
      #r-home .legal strong {
        color: #dfe7ec;
      }
      #r-home .legal table {
        border-collapse: collapse;
        width: 100%;
        margin: 12px 0;
        font-size: 0.85rem;
      }
      #r-home .legal th,
      #r-home .legal td {
        border: 1px solid var(--line);
        padding: 9px 11px;
        text-align: left;
        vertical-align: top;
        color: var(--mut);
      }
      #r-home .legal th {
        background: rgba(255, 255, 255, 0.04);
        color: #fff;
      }
      #r-home .legal .box {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 16px;
        margin: 14px 0;
      }
      #r-home .legal .cf {
        color: #c9a23a;
      }
      #r-home .legal .meta {
        color: var(--mut);
        font-size: 0.85rem;
      }
      #r-home nav {
        z-index: 1001;
      }
      #r-home .ndrop {
        position: relative;
        display: inline-flex;
        align-items: center;
      }
      #r-home .ndrop > .ntrig {
        cursor: pointer;
      }
      #r-home .mega {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        min-width: 540px;
        background: #0c1116;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 22px;
        display: none;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 26px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
        z-index: 80;
      }
      #r-home .mega::before {
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
      }
      #r-home .ndrop:hover .mega {
        display: grid;
      }
      #r-home .mega.grid {
        min-width: 360px;
        grid-template-columns: repeat(2, 1fr);
      }
      #r-home .mega.two {
        min-width: 220px;
        grid-template-columns: 1fr;
      }
      #r-home .mega .mh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 8px;
      }
      #r-home .mega a {
        display: block;
        padding: 6px 0;
        color: #cdd6de;
        font-size: 14px;
        text-decoration: none;
      }
      #r-home .mega a:hover {
        color: var(--grn);
      }
      @media (max-width: 900px) {
        #r-home .mega {
          display: none !important;
        }
      }
      #r-home .reveal {
        opacity: 1;
        transform: none;
      }

      /* resources */
      #r-tutorials,
      #r-faqs,
      #r-blog,
      #r-blog1,
      #r-blog2,
      #r-blog3,
      #r-blog4,
      #r-blog5,
      #r-blog6 {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        color: var(--tx);
      }

      /* resources base */
      .rzwrap {
        max-width: 1080px;
        margin: 0 auto;
        padding: 74px 40px 96px;
      }
      .rzey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      .rzey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      .rzh1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(38px, 4.6vw, 58px);
        line-height: 1.04;
        letter-spacing: -0.02em;
        margin: 14px 0 0;
      }
      .rzh1 em {
        font-style: italic;
        color: var(--grn);
      }
      .rzsub {
        color: var(--mut);
        font-size: 18px;
        max-width: 640px;
        margin-top: 18px;
      }
      /* tutorials */
      .tut {
        margin-top: 34px;
        border: 1px solid var(--line);
        border-radius: 18px;
        overflow: hidden;
        background: var(--bg2);
      }
      .tut-top {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
      }
      .tut-shot {
        border-right: 1px solid var(--line);
        background: #0a0d11;
        display: flex;
        align-items: center;
      }
      .tut-shot img {
        width: 100%;
        display: block;
      }
      .tut-body {
        padding: 30px 34px;
      }
      .tut .num {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        letter-spacing: 0.14em;
      }
      .tut h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin: 10px 0 8px;
      }
      .tut .intro {
        color: var(--mut);
        font-size: 15px;
        margin-bottom: 16px;
      }
      .tut ol {
        list-style: none;
        counter-reset: st;
      }
      .tut li {
        counter-increment: st;
        position: relative;
        padding: 10px 0 10px 36px;
        color: var(--tx);
        font-size: 14.5px;
        border-top: 1px solid var(--line);
        line-height: 1.5;
      }
      .tut li:first-child {
        border-top: none;
      }
      .tut li b {
        color: var(--grn2);
      }
      .tut li::before {
        content: counter(st);
        position: absolute;
        left: 0;
        top: 9px;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        color: var(--grn);
        font-family: var(--mono);
        font-size: 11px;
        display: grid;
        place-items: center;
      }
      .tut .meta {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        margin-top: 18px;
        letter-spacing: 0.04em;
      }
      @media (max-width: 860px) {
        .tut-top {
          grid-template-columns: 1fr;
        }
        .tut-shot {
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
      }
      /* faqs */
      .faqcat {
        margin-top: 42px;
      }
      .faqcat .ch {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 6px;
      }
      .faq .qa {
        border-top: 1px solid var(--line);
      }
      .faq .qa:last-child {
        border-bottom: 1px solid var(--line);
      }
      .faq .q {
        width: 100%;
        text-align: left;
        background: none;
        border: none;
        cursor: pointer;
        font-family: var(--sans);
        font-size: 15.5px;
        color: var(--tx);
        padding: 18px 42px 18px 0;
        position: relative;
        font-weight: 500;
      }
      .faq .q .qi {
        position: absolute;
        right: 6px;
        top: 14px;
        color: var(--grn);
        font-size: 20px;
        line-height: 1;
      }
      .faq .a {
        display: none;
      }
      .faq .qa.open .a {
        display: block;
      }
      .faq .a p {
        color: var(--mut);
        font-size: 14.5px;
        padding: 0 42px 18px 0;
        line-height: 1.7;
        margin: 0;
      }
      .faq .a p a {
        color: var(--grn);
      }
      /* blog */
      .blgrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
        margin-top: 40px;
      }
      .blcard {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 28px;
        background: var(--bg2);
        cursor: pointer;
        transition: border-color 0.2s;
      }
      .blcard:hover {
        border-color: var(--grn);
      }
      .blcard .tag {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--grn);
      }
      .blcard h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 23px;
        margin: 12px 0 10px;
        line-height: 1.15;
      }
      .blcard p {
        color: var(--mut);
        font-size: 15px;
      }
      .blcard .m {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        margin-top: 14px;
      }
      .blcard .rd {
        margin-top: 14px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
      }
      .blart {
        max-width: 760px;
        margin: 0 auto;
      }
      .blback {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        cursor: pointer;
        display: inline-block;
        margin-bottom: 22px;
      }
      .blart .tag {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--grn);
      }
      .blart h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(32px, 4vw, 46px);
        line-height: 1.08;
        letter-spacing: -0.02em;
        margin-top: 10px;
      }
      .blart .m {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--faint);
        margin: 14px 0 28px;
      }
      .blart h2 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin: 32px 0 10px;
      }
      .blart p {
        color: var(--mut);
        font-size: 16px;
        line-height: 1.78;
        margin-bottom: 16px;
      }
      .blart p b {
        color: var(--tx);
      }
      /* product landing */
      .pl2wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      .pl2-hero {
        text-align: center;
        padding: 76px 0 20px;
      }
      .pl2-hero .rzey {
        display: inline-flex;
      }
      .pl2-hero .rzh1 {
        max-width: 820px;
        margin: 16px auto 0;
      }
      .pl2-hero .rzsub {
        margin: 18px auto 0;
        text-align: center;
      }
      .pl2-flow {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 34px;
      }
      .pl2-step {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 18px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
        cursor: pointer;
        text-decoration: none;
      }
      .pl2-step .sn {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--grn);
      }
      .pl2-step .st {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--tx);
      }
      .pl2-line {
        width: 38px;
        height: 1px;
        background: var(--line2);
        margin: 0 4px;
      }
      .pl2-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
        padding: 60px 0 96px;
      }
      .pl2-card {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        padding: 32px;
        cursor: pointer;
        transition: border-color 0.2s;
        text-decoration: none;
        display: block;
      }
      .pl2-card:hover {
        border-color: var(--grn);
      }
      .pl2-card .pn {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        letter-spacing: 0.12em;
      }
      .pl2-card h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin: 14px 0 10px;
        color: var(--tx);
      }
      .pl2-card p {
        color: var(--mut);
        font-size: 15px;
      }
      .pl2-card .go {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
      }
      @media (max-width: 860px) {
        .blgrid,
        .pl2-cards {
          grid-template-columns: 1fr;
        }
      }

      #r-home .h1 .ln > span {
        transform: none;
      }
      #r-home .who-hyb {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 8px;
      }
      #r-home .hyb-c {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-home .hyb-img {
        aspect-ratio: 16/10;
        border-bottom: 1px solid var(--line);
        background: #0a0d11;
      }
      #r-home .hyb-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: saturate(1.02);
      }
      #r-home .hyb-body {
        padding: 26px 28px 30px;
      }
      #r-home .hyb-ic {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.25);
        display: grid;
        place-items: center;
        margin-bottom: 14px;
      }
      #r-home .hyb-ic svg {
        width: 21px;
        height: 21px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-home .hyb-c h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 9px;
        color: var(--tx);
      }
      #r-home .hyb-c p {
        color: var(--mut);
        font-size: 15px;
      }
      @media (max-width: 820px) {
        #r-home .who-hyb {
          grid-template-columns: 1fr;
        }
      }

      #r-home .hero {
        min-height: 74vh !important;
        padding-top: 52px !important;
      }

      /* v3 pricing */
      #r-pricing {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        color: var(--tx);
      }
      #r-pricing {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel: #0f141a;
        --panel2: #131a22;
        --panel3: #182029;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --grn-deep: #1c9e56;
        --amber: #e6b566;
        --blue: #6aa9f0;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --ease: cubic-bezier(0.22, 1, 0.36, 1);
      }
      #r-pricing * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-pricing {
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
      }
      #r-pricing {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        overflow-x: hidden;
        letter-spacing: 0.01em;
      }
      #r-pricing ::selection {
        background: var(--grn);
        color: #04140b;
      }
      #r-pricing a {
        color: inherit;
        text-decoration: none;
      }
      #r-pricing img {
        display: block;
        max-width: 100%;
      }
      #r-pricing .grain {
        position: fixed;
        inset: -50%;
        width: 200%;
        height: 200%;
        pointer-events: none;
        z-index: 9998;
        opacity: 0.04;
        mix-blend-mode: screen;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      }
      #r-pricing .cur,
      #r-pricing .cur-d {
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 10000;
        border-radius: 50%;
        mix-blend-mode: difference;
      }
      #r-pricing .cur {
        width: 32px;
        height: 32px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        transform: translate(-50%, -50%);
        transition:
          width 0.3s var(--ease),
          height 0.3s var(--ease);
      }
      #r-pricing .cur-d {
        width: 5px;
        height: 5px;
        background: #fff;
        transform: translate(-50%, -50%);
      }
      #r-pricing .cur.big {
        width: 66px;
        height: 66px;
        background: rgba(255, 255, 255, 0.05);
        border-color: transparent;
      }
      #r-pricing body.touch .cur,
      #r-pricing body.touch .cur-d {
        display: none;
      }
      #r-pricing .wrap {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-pricing .ey {
        font-family: var(--mono);
        font-size: 11.5px;
        letter-spacing: 0.26em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
      }
      #r-pricing .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        background: var(--grn);
        border-radius: 50%;
        box-shadow: 0 0 10px var(--grn);
      }
      #r-pricing .ey.mut {
        color: var(--faint);
      }
      #r-pricing .ey.mut::before {
        background: var(--faint);
        box-shadow: none;
      }
      #r-pricing em {
        font-family: var(--serif);
        font-style: italic;
        font-weight: 340;
      }
      #r-pricing nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        transition: 0.4s;
        border-bottom: 1px solid transparent;
      }
      #r-pricing nav.on {
        background: rgba(8, 9, 11, 0.75);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-pricing .nav-in {
        max-width: 1280px;
        margin: 0 auto;
        padding: 18px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-pricing .logo {
        font-family: var(--serif);
        font-size: 23px;
        font-weight: 500;
        letter-spacing: 0.02em;
      }
      #r-pricing .logo b {
        color: var(--grn);
      }
      #r-pricing .nlinks {
        display: flex;
        gap: 36px;
      }
      #r-pricing .nlinks a {
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--mut);
        position: relative;
        padding: 4px 0;
        transition: 0.3s;
      }
      #r-pricing .nlinks a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: var(--grn);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s var(--ease);
      }
      #r-pricing .nlinks a:hover {
        color: var(--tx);
      }
      #r-pricing .nlinks a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }
      #r-pricing .btn {
        font-family: var(--mono);
        font-size: 12.5px;
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
        padding: 11px 20px;
        border-radius: 100px;
        border: 1px solid var(--line2);
        color: var(--tx);
        transition: 0.35s var(--ease);
        cursor: pointer;
        background: none;
      }
      #r-pricing .btn .circ {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--grn);
        display: grid;
        place-items: center;
        transition: 0.35s var(--ease);
      }
      #r-pricing .btn .circ svg {
        width: 10px;
        height: 10px;
        stroke: #05130a;
        stroke-width: 2;
        fill: none;
      }
      #r-pricing .btn:hover {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-pricing .btn:hover .circ {
        background: #05130a;
      }
      #r-pricing .btn:hover .circ svg {
        stroke: var(--grn);
      }
      #r-pricing .btn.ghost .circ {
        display: none;
      }
      #r-pricing .btn.solid {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-pricing .btn.solid .circ {
        background: #05130a;
      }
      #r-pricing .btn.solid .circ svg {
        stroke: var(--grn);
      }
      #r-pricing .hero {
        position: relative;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 135px 0 0;
        overflow: hidden;
      }
      #r-pricing .hero-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #r-pricing .hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 22% 58%;
      }
      #r-pricing .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
          linear-gradient(
            180deg,
            rgba(8, 9, 11, 0.5) 0%,
            rgba(8, 9, 11, 0.12) 22%,
            transparent 42%
          ),
          linear-gradient(
            90deg,
            rgba(8, 9, 11, 0.9) 0%,
            rgba(8, 9, 11, 0.78) 30%,
            rgba(8, 9, 11, 0.35) 48%,
            transparent 62%
          );
      }
      #r-pricing .hero-in {
        position: relative;
        z-index: 2;
        width: 100%;
      }
      #r-pricing .hero .h1 {
        max-width: 12ch;
      }
      #r-pricing .hero .sub {
        max-width: 34ch;
      }
      #r-pricing .h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.7rem, 5.6vw, 4.9rem);
        line-height: 0.98;
        letter-spacing: -0.022em;
        margin: 22px 0 0;
      }
      #r-pricing .h1 .ln {
        display: block;
        overflow: hidden;
      }
      #r-pricing .h1 .ln > span {
        display: block;
        transform: translateY(105%);
        transition: transform 1s var(--ease);
      }
      #r-pricing .reveal-hero .h1 .ln > span {
        transform: none;
      }
      #r-pricing .sub {
        max-width: 520px;
        margin: 24px 0 0;
        font-size: clamp(1rem, 1.2vw, 1.16rem);
        color: var(--mut);
      }
      #r-pricing .sub b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-pricing .hero-cta {
        display: flex;
        gap: 14px;
        align-items: center;
        margin-top: 32px;
        flex-wrap: wrap;
      }
      #r-pricing .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      #r-pricing .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      #r-pricing .trustline b {
        color: var(--tx);
      }
      #r-pricing .eyhero,
      #r-pricing .fade-up {
        opacity: 0;
        transform: translateY(16px);
        transition: 0.9s var(--ease);
      }
      #r-pricing .reveal-hero .eyhero,
      #r-pricing .reveal-hero .fade-up {
        opacity: 1;
        transform: none;
      }
      #r-pricing .reveal-hero .fade-up.d1 {
        transition-delay: 0.45s;
      }
      #r-pricing .reveal-hero .fade-up.d2 {
        transition-delay: 0.57s;
      }
      #r-pricing .reveal-hero .fade-up.d3 {
        transition-delay: 0.69s;
      }
      #r-pricing .mock {
        position: relative;
        z-index: 2;
      }
      #r-pricing .app {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow:
          0 40px 90px -30px rgba(0, 0, 0, 0.8),
          0 0 0 1px rgba(61, 220, 132, 0.04);
        overflow: hidden;
        transform: perspective(1600px) rotateY(-6deg) rotateX(2deg);
        transition: transform 0.8s var(--ease);
      }
      #r-pricing .reveal-hero .app {
        transform: perspective(1600px) rotateY(-3deg) rotateX(1deg);
      }
      #r-pricing .app-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 11px 14px;
        border-bottom: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.02);
      }
      #r-pricing .dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #2a333d;
      }
      #r-pricing .dot.r {
        background: #e06a5a;
      }
      #r-pricing .dot.y {
        background: #e0b45a;
      }
      #r-pricing .dot.g {
        background: #5ad07a;
      }
      #r-pricing .app-url {
        margin-left: 10px;
        font-family: var(--mono);
        font-size: 10.5px;
        color: var(--faint);
        background: rgba(0, 0, 0, 0.3);
        padding: 4px 12px;
        border-radius: 6px;
      }
      #r-pricing .app-body {
        display: grid;
        grid-template-columns: 130px 1fr;
      }
      #r-pricing .side {
        border-right: 1px solid var(--line);
        padding: 16px 12px;
        display: flex;
        flex-direction: column;
        gap: 3px;
        background: rgba(0, 0, 0, 0.15);
      }
      #r-pricing .side .sl {
        font-family: var(--serif);
        font-size: 16px;
        padding: 2px 8px 12px;
        font-weight: 500;
      }
      #r-pricing .side .sl b {
        color: var(--grn);
      }
      #r-pricing .side a {
        font-size: 12px;
        color: var(--mut);
        padding: 8px 10px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-pricing .side a .sd {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        background: #2c363f;
      }
      #r-pricing .side a.on {
        background: rgba(61, 220, 132, 0.1);
        color: var(--tx);
      }
      #r-pricing .side a.on .sd {
        background: var(--grn);
      }
      #r-pricing .side a:hover {
        color: var(--tx);
        background: rgba(255, 255, 255, 0.03);
      }
      #r-pricing .main {
        padding: 18px 20px 22px;
        min-height: 340px;
      }
      #r-pricing .main .mh {
        font-size: 11px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.05em;
      }
      #r-pricing .main .mt {
        font-family: var(--serif);
        font-size: 19px;
        margin: 2px 0 16px;
        font-weight: 400;
      }
      #r-pricing .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
      }
      #r-pricing .stat {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 11px 12px;
      }
      #r-pricing .stat .sk {
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
        font-family: var(--mono);
      }
      #r-pricing .stat .sv {
        font-family: var(--serif);
        font-size: 22px;
        margin-top: 4px;
        font-weight: 400;
      }
      #r-pricing .stat .sc {
        font-size: 10px;
        color: var(--grn);
        margin-top: 2px;
      }
      #r-pricing .panel-row {
        display: grid;
        grid-template-columns: 1.35fr 1fr;
        gap: 12px;
        margin-top: 12px;
      }
      #r-pricing .chart {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 14px 10px;
      }
      #r-pricing .chart .ck {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.05em;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
      }
      #r-pricing .bars {
        display: flex;
        align-items: flex-end;
        gap: 7px;
        height: 96px;
      }
      #r-pricing .bar {
        flex: 1;
        background: linear-gradient(180deg, var(--grn), var(--grn-deep));
        border-radius: 4px 4px 0 0;
        height: 0;
        transition: height 1s var(--ease);
        opacity: 0.9;
      }
      #r-pricing .reveal.in .bar,
      #r-pricing .go .bar {
        height: var(--h);
      }
      #r-pricing .list {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 12px 12px;
      }
      #r-pricing .list .lk {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        margin-bottom: 8px;
      }
      #r-pricing .lrow {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 7px 0;
        border-top: 1px solid var(--line);
      }
      #r-pricing .lrow:first-of-type {
        border-top: none;
      }
      #r-pricing .lav {
        width: 22px;
        height: 22px;
        border-radius: 6px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
      }
      #r-pricing .lrow .ln1 {
        font-size: 11px;
      }
      #r-pricing .lrow .ln2 {
        font-size: 9.5px;
        color: var(--faint);
      }
      #r-pricing .lscore {
        margin-left: auto;
        font-size: 10px;
        font-family: var(--mono);
        color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        padding: 2px 7px;
        border-radius: 6px;
      }
      #r-pricing .notif {
        position: absolute;
        z-index: 5;
        background: rgba(14, 20, 27, 0.94);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 13px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.9);
        display: flex;
        gap: 10px;
        align-items: flex-start;
        max-width: 245px;
      }
      #r-pricing .notif .ni {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        background: rgba(61, 220, 132, 0.14);
        display: grid;
        place-items: center;
        flex: none;
      }
      #r-pricing .notif .ni svg {
        width: 13px;
        height: 13px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      #r-pricing .notif .nt {
        font-size: 11.5px;
        font-weight: 500;
        line-height: 1.3;
      }
      #r-pricing .notif .ns {
        font-size: 10px;
        color: var(--faint);
        margin-top: 2px;
      }
      #r-pricing .n1 {
        top: 14%;
        left: -42px;
        animation: fl 6s var(--ease) infinite;
      }
      #r-pricing .n2 {
        bottom: 20%;
        right: -38px;
        animation: fl 7s var(--ease) infinite 0.8s;
      }
      #r-pricing .n3 {
        bottom: -22px;
        left: 14%;
        animation: fl 6.5s var(--ease) infinite 0.4s;
      }
      @keyframes r-pricing_fl {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-9px);
        }
      }
      #r-pricing .marquee {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        padding: 18px 0;
        overflow: hidden;
        white-space: nowrap;
        background: var(--bg2);
      }
      #r-pricing .mq {
        display: inline-flex;
        gap: 32px;
        align-items: center;
        animation: mq 34s linear infinite;
      }
      #r-pricing .mq span {
        font-family: var(--serif);
        font-style: italic;
        font-size: 22px;
        color: var(--mut);
      }
      #r-pricing .mq b {
        color: var(--grn);
        font-size: 9px;
      }
      #r-pricing .marquee:hover .mq {
        animation-play-state: paused;
      }
      @keyframes r-pricing_mq {
        to {
          transform: translateX(-50%);
        }
      }
      #r-pricing .sec {
        padding: 110px 0;
        position: relative;
      }
      #r-pricing .sechead {
        max-width: 760px;
        display: flex;
        flex-direction: column;
        gap: 18px;
      }
      #r-pricing .sectitle {
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.4vw, 3.5rem);
        line-height: 1.03;
        letter-spacing: -0.018em;
      }
      #r-pricing .reveal [data-r] {
        opacity: 0;
        transform: translateY(24px);
        transition: 0.85s var(--ease);
      }
      #r-pricing .reveal.in [data-r] {
        opacity: 1;
        transform: none;
      }
      #r-pricing .reveal.in [data-r].s2 {
        transition-delay: 0.1s;
      }
      #r-pricing .reveal.in [data-r].s3 {
        transition-delay: 0.2s;
      }
      #r-pricing .manifesto {
        border-top: 1px solid var(--line);
      }
      #r-pricing .mani-grid {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 56px;
        align-items: center;
      }
      #r-pricing .mani-quote {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.8vw, 4rem);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-pricing .mani-quote em {
        color: var(--grn);
      }
      #r-pricing .mani-body {
        color: var(--mut);
        margin-top: 26px;
        max-width: 460px;
      }
      #r-pricing .mani-body b {
        color: var(--tx);
      }
      #r-pricing .imgwrap {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      #r-pricing .imgwrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: saturate(0.92) contrast(1.02);
      }
      #r-pricing .imgwrap::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 40%,
          rgba(8, 9, 11, 0.55)
        );
      }
      #r-pricing .imgtag {
        position: absolute;
        left: 16px;
        bottom: 14px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: #dfe6ec;
      }
      #r-pricing .feature {
        display: grid;
        grid-template-columns: 1fr 1.08fr;
        gap: 60px;
        align-items: center;
        padding: 64px 0;
        border-top: 1px solid var(--line);
      }
      #r-pricing .feature.rev {
        grid-template-columns: 1.08fr 1fr;
      }
      #r-pricing .feature.rev .fcopy {
        order: 2;
      }
      #r-pricing .fk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 16px;
      }
      #r-pricing .ftitle {
        font-family: var(--serif);
        font-weight: 350;
        font-size: clamp(1.7rem, 3vw, 2.5rem);
        line-height: 1.05;
        letter-spacing: -0.01em;
        margin-bottom: 16px;
      }
      #r-pricing .fcopy p {
        color: var(--mut);
        max-width: 440px;
      }
      #r-pricing .fchecks {
        list-style: none;
        margin-top: 22px;
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      #r-pricing .fchecks li {
        display: flex;
        align-items: center;
        gap: 11px;
        font-size: 14.5px;
        color: var(--tx);
      }
      #r-pricing .fchecks svg {
        width: 16px;
        height: 16px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2.2;
        flex: none;
      }
      #r-pricing .approval {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        position: relative;
        max-width: 420px;
        margin-left: auto;
      }
      #r-pricing .ap-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
      }
      #r-pricing .ap-av {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
      }
      #r-pricing .ap-b {
        font-size: 13px;
        font-weight: 600;
      }
      #r-pricing .ap-s {
        font-size: 10.5px;
        color: var(--faint);
        font-family: var(--mono);
      }
      #r-pricing .ap-tag {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-pricing .ap-media {
        height: 150px;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
      }
      #r-pricing .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      #r-pricing .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 13px 2px;
        line-height: 1.5;
      }
      #r-pricing .ap-cap b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-pricing .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-pricing .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 9px;
        padding: 11px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
        transition: 0.25s;
      }
      #r-pricing .ap-approve:hover {
        background: var(--grn2);
      }
      #r-pricing .ap-hold {
        padding: 11px 18px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 9px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-pricing .ap-hold:hover {
        color: var(--tx);
        border-color: var(--line2);
      }
      #r-pricing .stamp {
        position: absolute;
        top: 56px;
        right: 22px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.1em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 10px;
        padding: 7px 14px;
        transform: rotate(-11deg) scale(0.6);
        opacity: 0;
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.3);
      }
      #r-pricing .reveal.in .stamp {
        animation: stampIn 0.6s var(--ease) 1s forwards;
      }
      @keyframes r-pricing_stampIn {
        to {
          opacity: 1;
          transform: rotate(-11deg) scale(1);
        }
      }
      #r-pricing .cal {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-pricing .cal-h {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 14px;
      }
      #r-pricing .cal-h .cm {
        font-family: var(--serif);
        font-size: 17px;
      }
      #r-pricing .cal-h .cl {
        font-family: var(--mono);
        font-size: 9.5px;
        color: var(--faint);
        display: flex;
        gap: 12px;
      }
      #r-pricing .cal-h .cl i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 5px;
      }
      #r-pricing .cal-h .cl i::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: var(--grn);
      }
      #r-pricing .cl .cb::before {
        background: var(--blue) !important;
      }
      #r-pricing .cl .ca::before {
        background: var(--amber) !important;
      }
      #r-pricing .cal-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 6px;
      }
      #r-pricing .cell {
        aspect-ratio: 1;
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 5px;
        font-size: 8.5px;
        color: var(--faint);
        position: relative;
        font-family: var(--mono);
      }
      #r-pricing .cell .cc {
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 5px;
        height: 15px;
        border-radius: 4px;
        font-size: 7.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #05130a;
        font-weight: 600;
        letter-spacing: 0.03em;
        opacity: 0;
        transform: translateY(4px);
        transition: 0.5s var(--ease);
      }
      #r-pricing .reveal.in .cell .cc {
        opacity: 1;
        transform: none;
      }
      #r-pricing .cc.reel {
        background: var(--grn);
      }
      #r-pricing .cc.car {
        background: var(--blue);
      }
      #r-pricing .cc.stat {
        background: var(--amber);
      }
      #r-pricing .report {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 20px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-pricing .rep-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-bottom: 16px;
      }
      #r-pricing .rep-stats .stat .sv {
        font-size: 26px;
      }
      #r-pricing .band {
        position: relative;
        min-height: 520px;
        display: flex;
        align-items: flex-end;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        overflow: hidden;
      }
      #r-pricing .band .bimg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #r-pricing .band .bimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) brightness(0.7);
      }
      #r-pricing .band::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
          90deg,
          rgba(8, 9, 11, 0.92) 0%,
          rgba(8, 9, 11, 0.55) 45%,
          rgba(8, 9, 11, 0.35) 100%
        );
      }
      #r-pricing .band-in {
        position: relative;
        z-index: 2;
        padding: 64px 0 60px;
      }
      #r-pricing .band-q {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 4.4vw, 3.6rem);
        line-height: 1.05;
        max-width: 16ch;
        letter-spacing: -0.018em;
      }
      #r-pricing .band-q em {
        color: var(--grn);
      }
      #r-pricing .band-s {
        color: var(--mut);
        margin-top: 20px;
        max-width: 440px;
      }
      #r-pricing .who-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        margin-top: 60px;
        border-top: 1px solid var(--line2);
      }
      #r-pricing .who-col {
        padding: 42px 42px 42px 0;
        border-right: 1px solid var(--line);
      }
      #r-pricing .who-col:last-child {
        padding: 42px 0 42px 42px;
        border-right: none;
      }
      #r-pricing .who-col .wk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 18px;
      }
      #r-pricing .who-col h3 {
        font-family: var(--serif);
        font-weight: 360;
        font-size: 1.8rem;
        margin-bottom: 14px;
      }
      #r-pricing .who-col p {
        color: var(--mut);
        max-width: 420px;
      }
      #r-pricing .gate-pts {
        display: flex;
        margin-top: 56px;
        border-top: 1px solid var(--line);
      }
      #r-pricing .gate-pts div {
        flex: 1;
        padding: 24px 28px 0 0;
        border-right: 1px solid var(--line);
        color: var(--mut);
        font-size: 0.96rem;
      }
      #r-pricing .gate-pts div:last-child {
        border-right: none;
        padding-right: 0;
      }
      #r-pricing .gate-pts .gk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--grn);
        text-transform: uppercase;
        display: block;
        margin-bottom: 12px;
      }
      #r-pricing .price {
        background: var(--bg2);
        border-top: 1px solid var(--line);
      }
      #r-pricing .price-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 56px;
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
      }
      #r-pricing .pcard {
        padding: 32px 26px;
        border-right: 1px solid var(--line);
        transition: 0.4s var(--ease);
      }
      #r-pricing .pcard:last-child {
        border-right: none;
      }
      #r-pricing .pcard:hover {
        background: rgba(61, 220, 132, 0.04);
      }
      #r-pricing .pcard.feat {
        background: rgba(61, 220, 132, 0.05);
      }
      #r-pricing .pcard .pn {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-pricing .pcard .pp {
        font-family: var(--serif);
        font-size: 2.2rem;
        font-weight: 360;
        margin: 16px 0 3px;
      }
      #r-pricing .pcard .pp small {
        font-size: 0.85rem;
        color: var(--faint);
        font-family: var(--sans);
      }
      #r-pricing .pcard .pt {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        color: var(--grn);
        text-transform: uppercase;
      }
      #r-pricing .pcard .pd {
        color: var(--mut);
        font-size: 0.9rem;
        line-height: 1.5;
        margin-top: 12px;
        min-height: 88px;
      }
      #r-pricing .price-note {
        margin-top: 24px;
        color: var(--faint);
        font-size: 0.9rem;
        font-family: var(--mono);
      }
      #r-pricing .close {
        padding: 130px 0 0;
        text-align: center;
      }
      #r-pricing .close .big {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.2vw, 3.6rem);
        line-height: 0.96;
        letter-spacing: -0.025em;
      }
      #r-pricing .close .big em {
        color: var(--grn);
      }
      #r-pricing .capture {
        display: flex;
        gap: 10px;
        max-width: 470px;
        margin: 44px auto 0;
        border: 1px solid var(--line2);
        border-radius: 100px;
        padding: 7px 7px 7px 24px;
        transition: 0.35s;
      }
      #r-pricing .capture:focus-within {
        border-color: var(--grn);
      }
      #r-pricing .capture input {
        flex: 1;
        background: none;
        border: none;
        outline: none;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 15px;
      }
      #r-pricing .capture input::placeholder {
        color: var(--faint);
      }
      #r-pricing .capture button {
        font-family: var(--mono);
        font-size: 12.5px;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 100px;
        padding: 12px 22px;
        cursor: pointer;
        transition: 0.3s;
      }
      #r-pricing .capture button:hover {
        background: var(--grn2);
      }
      #r-pricing .capnote {
        margin-top: 15px;
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-pricing footer {
        margin-top: 130px;
        border-top: 1px solid var(--line);
        padding: 60px 0 40px;
      }
      #r-pricing .foot-top {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        flex-wrap: wrap;
        align-items: flex-start;
      }
      #r-pricing .foot-mark {
        font-family: var(--serif);
        font-size: clamp(3rem, 12vw, 9rem);
        line-height: 0.8;
        font-weight: 400;
      }
      #r-pricing .foot-mark b {
        color: var(--grn);
      }
      #r-pricing .foot-links {
        display: flex;
        gap: 56px;
        flex-wrap: wrap;
      }
      #r-pricing .foot-col {
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      #r-pricing .foot-col .fh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 5px;
      }
      #r-pricing .foot-col a {
        color: var(--mut);
        font-size: 14px;
        transition: 0.3s;
      }
      #r-pricing .foot-col a:hover {
        color: var(--grn);
      }
      #r-pricing .foot-bot {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        padding-top: 22px;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 11px;
        flex-wrap: wrap;
        gap: 12px;
      }
      @media (max-width: 980px) {
        #r-pricing .wrap,
        #r-pricing .nav-in {
          padding-left: 22px;
          padding-right: 22px;
        }
        #r-pricing .nlinks {
          display: none;
        }
        #r-pricing .hero-grid {
          grid-template-columns: minmax(0, 1fr);
          gap: 54px;
        }
        #r-pricing .hero-in {
          max-width: 100%;
        }
        #r-pricing .hero-figure {
          height: auto;
          width: 78%;
          right: -8%;
          bottom: 0;
          opacity: 0.22;
        }
        #r-pricing #cmdapp .main {
          min-height: 440px;
        }
        #r-pricing .hero-grid > *,
        #r-pricing .feature > *,
        #r-pricing .mani-grid > *,
        #r-pricing .mock,
        #r-pricing .fcopy {
          min-width: 0;
          max-width: 100%;
        }
        #r-pricing .app {
          transform: none;
          width: 100%;
        }
        #r-pricing .reveal-hero .app {
          transform: none;
        }
        #r-pricing .app-body {
          grid-template-columns: 108px 1fr;
        }
        #r-pricing .panel-row {
          grid-template-columns: 1fr;
        }
        #r-pricing .approval {
          margin: 0;
          max-width: 100%;
        }
        #r-pricing .mani-grid {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        #r-pricing .feature,
        #r-pricing .feature.rev {
          grid-template-columns: minmax(0, 1fr);
          gap: 34px;
        }
        #r-pricing .feature.rev .fcopy {
          order: 0;
        }
        #r-pricing .gate-pts {
          flex-direction: column;
        }
        #r-pricing .gate-pts div {
          border-right: none;
          border-bottom: 1px solid var(--line);
          padding: 20px 0;
        }
        #r-pricing .who-grid {
          grid-template-columns: 1fr;
        }
        #r-pricing .who-col,
        #r-pricing .who-col:last-child {
          padding: 32px 0;
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
        #r-pricing .price-grid {
          grid-template-columns: 1fr 1fr;
        }
        #r-pricing .pcard:nth-child(2n) {
          border-right: none;
        }
        #r-pricing .stats {
          grid-template-columns: repeat(2, 1fr);
        }
        #r-pricing .notif {
          display: none;
        }
        #r-pricing .sec {
          padding: 80px 0;
        }
      }
      @media (max-width: 560px) {
        #r-pricing .price-grid {
          grid-template-columns: 1fr;
        }
        #r-pricing .stats {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #r-pricing * {
          animation-duration: 0.001s !important;
          transition-duration: 0.001s !important;
        }
        #r-pricing .h1 .ln > span {
          transform: none;
        }
        #r-pricing [data-r],
        #r-pricing .fade-up,
        #r-pricing .eyhero {
          opacity: 1 !important;
          transform: none !important;
        }
      }
      #r-pricing .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      #r-pricing .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      #r-pricing .trustline b {
        color: var(--tx);
      }
      #r-pricing .integ {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: var(--bg2);
        padding: 34px 0;
      }
      #r-pricing .integ .ik {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--faint);
        text-align: center;
        margin-bottom: 20px;
      }
      #r-pricing .ilogos {
        display: flex;
        justify-content: center;
        gap: 14px 40px;
        flex-wrap: wrap;
      }
      #r-pricing .ilogos span {
        font-family: var(--serif);
        font-size: 20px;
        color: var(--mut);
        opacity: 0.65;
        transition: 0.3s var(--ease);
        cursor: default;
      }
      #r-pricing .ilogos span:hover {
        opacity: 1;
        color: var(--tx);
      }
      #r-pricing .hero {
        min-height: 92vh;
        display: flex;
        align-items: center;
        padding: 120px 0 70px;
      }
      #r-pricing .hero-in {
        position: relative;
        z-index: 2;
      }
      #r-pricing .hero-figure {
        position: absolute;
        right: 1.5%;
        bottom: 0;
        height: 84%;
        z-index: 1;
        pointer-events: none;
        -webkit-mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
        -webkit-mask-composite: source-in;
        mask-composite: intersect;
        mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
      }
      #r-pricing .hero-figure img {
        height: 100%;
        width: auto;
        object-fit: contain;
        object-position: bottom right;
        filter: saturate(0.96) contrast(1.02);
      }
      #r-pricing .screen {
        position: absolute;
        inset: 18px 20px;
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.6s var(--ease),
          transform 0.6s var(--ease);
        pointer-events: none;
      }
      #r-pricing .screen.on {
        opacity: 1;
        transform: none;
        pointer-events: auto;
      }
      #r-pricing .wimg {
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 22px;
        aspect-ratio: 16/10;
        border: 1px solid var(--line2);
        position: relative;
      }
      #r-pricing .wimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) contrast(1.02);
      }
      #r-pricing .wimg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(8, 9, 11, 0.5)
        );
      }
      #r-pricing #aurora,
      #r-pricing #fx {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
      }
      #r-pricing #aurora {
        z-index: 0;
        filter: blur(30px);
        opacity: 0.9;
        background:
          radial-gradient(
            38% 46% at 16% 20%,
            rgba(61, 220, 132, 0.1),
            transparent 68%
          ),
          radial-gradient(
            42% 42% at 84% 28%,
            rgba(28, 158, 86, 0.085),
            transparent 70%
          ),
          radial-gradient(
            55% 50% at 52% 96%,
            rgba(61, 220, 132, 0.07),
            transparent 72%
          );
        animation: aur 26s ease-in-out infinite alternate;
      }
      @keyframes r-pricing_aur {
        0% {
          transform: translate3d(-2%, -1%, 0) scale(1.05);
        }
        50% {
          transform: translate3d(3%, 2%, 0) scale(1.16);
        }
        100% {
          transform: translate3d(-1%, 3%, 0) scale(1.09);
        }
      }
      #r-pricing #fx {
        opacity: 0.6;
      }
      #r-pricing nav,
      #r-pricing header,
      #r-pricing section,
      #r-pricing footer,
      #r-pricing .marquee {
        position: relative;
        z-index: 1;
      }
      #r-pricing .pipe,
      #r-pricing .price,
      #r-pricing .integ,
      #r-pricing .marquee,
      #r-pricing #gate,
      #r-pricing #command,
      #r-pricing #who,
      #r-pricing #pricing {
        background: transparent !important;
      }
      #r-pricing .sectitle,
      #r-pricing .mani-quote,
      #r-pricing .gate-big,
      #r-pricing .band-q,
      #r-pricing .close .big {
        clip-path: inset(0 105% 0 -5%);
        transition: clip-path 1.15s cubic-bezier(0.19, 1, 0.22, 1);
      }
      #r-pricing .reveal.in .sectitle,
      #r-pricing .reveal.in .mani-quote,
      #r-pricing .reveal.in .gate-big,
      #r-pricing .reveal.in .band-q,
      #r-pricing .close.reveal.in .big {
        clip-path: inset(0 -5% 0 -5%);
      }
      @media (prefers-reduced-motion: reduce) {
        #r-pricing #fx {
          display: none;
        }
        #r-pricing #aurora {
          animation: none;
        }
        #r-pricing .sectitle,
        #r-pricing .mani-quote,
        #r-pricing .gate-big,
        #r-pricing .band-q,
        #r-pricing .close .big {
          clip-path: none !important;
        }
      }
      @media (max-width: 760px) {
        #r-pricing .hero {
          flex-direction: column;
          justify-content: flex-start;
          align-items: stretch;
          min-height: 100svh;
          padding: 100px 0 0;
        }
        #r-pricing .hero-bg img {
          object-position: 50% 26%;
        }
        #r-pricing .hero::after {
          background:
            linear-gradient(
              180deg,
              rgba(8, 9, 11, 0.6) 0%,
              rgba(8, 9, 11, 0.14) 20%,
              transparent 42%
            ),
            linear-gradient(
              0deg,
              rgba(8, 9, 11, 0.97) 4%,
              rgba(8, 9, 11, 0.86) 20%,
              rgba(8, 9, 11, 0.42) 38%,
              transparent 54%
            );
        }
        #r-pricing .hero-in {
          max-width: 100%;
        }
        #r-pricing .h1 {
          font-size: clamp(2.4rem, 10.5vw, 3.3rem);
          margin-top: 14px;
        }
        #r-pricing .sub {
          font-size: 1.01rem;
          margin-top: 16px;
          max-width: 100%;
        }
        #r-pricing .hero-cta {
          gap: 11px;
          margin-top: 22px;
        }
        #r-pricing .hero-cta .btn {
          padding: 12px 20px;
        }
        #r-pricing .trustline {
          margin-top: 16px;
        }
      }
      #r-pricing .kcol {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 7px;
        min-height: 120px;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      #r-pricing .kcol.gate {
        background: rgba(61, 220, 132, 0.06);
        border-color: rgba(61, 220, 132, 0.3);
      }
      #r-pricing .kh {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.04em;
        color: var(--faint);
      }
      #r-pricing .kcard {
        background: var(--panel3);
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 8px 7px;
        font-size: 9.5px;
        color: var(--mut);
        transition: 0.4s var(--ease);
      }
      #r-pricing .kcard.live {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--tx);
        font-weight: 500;
      }
      #r-pricing .ktag {
        margin-top: auto;
        font-family: var(--mono);
        font-size: 7px;
        letter-spacing: 0.14em;
        color: var(--grn-deep);
      }
      #r-pricing .kcard.kflow {
        border-color: rgba(61, 220, 132, 0.55);
        box-shadow: 0 0 22px rgba(61, 220, 132, 0.28);
        color: var(--tx);
        transform: translateY(-2px);
      }
      #r-pricing .kcard.kdone {
        background: rgba(61, 220, 132, 0.16);
        border-color: rgba(61, 220, 132, 0.6);
        color: var(--grn2);
        font-weight: 600;
      }
      #r-pricing {
        --warn: #e8836f;
        --warn2: #f0a596;
      }
      #r-pricing .nlinks a.active {
        color: var(--tx);
      }
      #r-pricing .nlinks a.active::after {
        content: "";
        display: block;
        height: 1px;
        background: var(--grn);
        margin-top: 4px;
        box-shadow: 0 0 8px var(--grn);
      }
      #r-pricing .phero {
        position: relative;
        padding: 160px 0 66px;
        border-bottom: 1px solid var(--line);
        overflow: hidden;
        z-index: 1;
      }
      #r-pricing .phero .ey {
        margin-bottom: 18px;
      }
      #r-pricing .phero h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.6rem, 6vw, 5rem);
        line-height: 0.98;
        letter-spacing: -0.024em;
        max-width: 15ch;
      }
      #r-pricing .phero h1 em {
        font-style: italic;
        color: var(--grn2);
      }
      #r-pricing .phero p {
        margin-top: 24px;
        max-width: 54ch;
        color: var(--mut);
        font-size: clamp(1rem, 1.2vw, 1.16rem);
      }
      #r-pricing .broken .bhead {
        text-align: center;
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.6vw, 3.5rem);
        letter-spacing: -0.022em;
        color: var(--warn2);
      }
      #r-pricing .stat-wall {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 46px;
      }
      #r-pricing .swcard {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: var(--bg2);
        padding: 30px 26px 26px;
        overflow: hidden;
      }
      #r-pricing .swcard::before {
        content: "";
        position: absolute;
        top: 0;
        left: 26px;
        width: 36px;
        height: 3px;
        border-radius: 2px;
        background: var(--warn);
      }
      #r-pricing .swcard.good::before {
        background: var(--grn);
      }
      #r-pricing .swn {
        font-family: var(--serif);
        font-weight: 400;
        font-size: clamp(2.1rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        color: var(--warn);
        line-height: 1;
      }
      #r-pricing .swcard.good .swn {
        color: var(--grn2);
      }
      #r-pricing .swn small {
        font-size: 0.46em;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0;
        font-weight: 400;
      }
      #r-pricing .swl {
        margin-top: 12px;
        color: var(--mut);
        font-size: 0.94rem;
        line-height: 1.45;
      }
      #r-pricing .eqdiv {
        display: flex;
        align-items: center;
        gap: 22px;
        margin: 46px 0 8px;
      }
      #r-pricing .eqdiv span {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.18em;
        color: var(--grn);
        white-space: nowrap;
        text-transform: uppercase;
      }
      #r-pricing .eqdiv::before,
      #r-pricing .eqdiv::after {
        content: "";
        height: 1px;
        flex: 1;
        background: var(--line);
      }
      #r-pricing .compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        margin-top: 48px;
      }
      #r-pricing .cmpcard {
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 34px;
        background: var(--bg2);
      }
      #r-pricing .cmpcard.zyr {
        border-color: rgba(61, 220, 132, 0.32);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.055),
          transparent 60%
        );
      }
      #r-pricing .cmph {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.5rem;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        gap: 11px;
      }
      #r-pricing .cmph .dotg {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 10px var(--grn);
      }
      #r-pricing .flow {
        display: flex;
        align-items: center;
        gap: 9px;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }
      #r-pricing .pill {
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 15px;
        border: 1px solid var(--line2);
        border-radius: 9px;
        color: var(--tx);
        background: rgba(255, 255, 255, 0.015);
      }
      #r-pricing .cmpcard.zyr .pill {
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--grn2);
        font-size: 11px;
        padding: 5px 10px;
      }
      #r-pricing .cmpcard.zyr .flow {
        gap: 5px;
      }
      #r-pricing .flow .arw {
        color: var(--faint);
        font-size: 13px;
      }
      #r-pricing .cmpcard.zyr .flow .arw {
        color: var(--grn);
      }
      #r-pricing .tags {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      #r-pricing .tag2 {
        font-family: var(--mono);
        font-size: 12px;
        padding: 6px 13px;
        border-radius: 7px;
        border: 1px solid rgba(232, 131, 111, 0.32);
        color: var(--warn2);
      }
      #r-pricing .cmpcard.zyr .tag2 {
        border-color: rgba(61, 220, 132, 0.45);
        color: var(--grn2);
        background: rgba(61, 220, 132, 0.09);
      }
      #r-pricing .agrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 50px;
      }
      #r-pricing .acard {
        border: 1px solid var(--line);
        border-radius: 20px;
        background: var(--bg2);
        padding: 32px;
        transition: 0.4s var(--ease);
      }
      #r-pricing .acard:hover {
        border-color: var(--line2);
        transform: translateY(-3px);
      }
      #r-pricing .acard.cta {
        background: linear-gradient(
          160deg,
          rgba(61, 220, 132, 0.09),
          transparent 70%
        );
        border-color: rgba(61, 220, 132, 0.28);
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      #r-pricing .aico {
        width: 48px;
        height: 48px;
        border-radius: 13px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.18);
        display: grid;
        place-items: center;
        margin-bottom: 24px;
      }
      #r-pricing .aico svg {
        width: 22px;
        height: 22px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      #r-pricing .ak {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--grn);
      }
      #r-pricing .acard h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.42rem;
        margin: 7px 0 11px;
      }
      #r-pricing .acard > p {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 18px;
        line-height: 1.5;
      }
      #r-pricing .alist {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      #r-pricing .alist li {
        font-size: 0.92rem;
        color: var(--tx);
        display: flex;
        gap: 10px;
        align-items: center;
      }
      #r-pricing .alist svg {
        width: 14px;
        height: 14px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-pricing .acard.cta h3 {
        font-size: 1.6rem;
        margin-bottom: 14px;
      }
      #r-pricing .acard.cta p {
        color: var(--mut);
        margin-bottom: 24px;
      }
      #r-pricing .plans {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 52px;
        align-items: start;
      }
      #r-pricing .plan {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: var(--bg2);
        padding: 36px 32px;
      }
      #r-pricing .plan.pop {
        border-color: var(--grn);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.07),
          transparent 55%
        );
        box-shadow: 0 0 70px -24px rgba(61, 220, 132, 0.45);
      }
      #r-pricing .pop-badge {
        position: absolute;
        top: -13px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--grn);
        color: #05130a;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.12em;
        padding: 6px 15px;
        border-radius: 100px;
        font-weight: 500;
        text-transform: uppercase;
      }
      #r-pricing .plan .pn {
        font-family: var(--serif);
        font-size: 1.55rem;
        font-weight: 400;
      }
      #r-pricing .plan .pdesc {
        color: var(--mut);
        font-size: 0.9rem;
        margin: 9px 0 24px;
        min-height: 40px;
        line-height: 1.45;
      }
      #r-pricing .plan .pp {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 3.1rem;
        letter-spacing: -0.02em;
        display: flex;
        align-items: baseline;
        gap: 5px;
        line-height: 1;
      }
      #r-pricing .plan .pp small {
        font-size: 0.85rem;
        color: var(--mut);
        font-family: var(--mono);
      }
      #r-pricing .plan .padd {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 9px;
        letter-spacing: 0.02em;
      }
      #r-pricing .pfeat {
        list-style: none;
        margin: 26px 0;
        display: flex;
        flex-direction: column;
        gap: 13px;
      }
      #r-pricing .pfeat li {
        display: flex;
        gap: 11px;
        font-size: 0.94rem;
        color: var(--tx);
        line-height: 1.4;
      }
      #r-pricing .pfeat svg {
        width: 15px;
        height: 15px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
        margin-top: 3px;
      }
      #r-pricing .pbtn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
        border-radius: 100px;
        font-family: var(--mono);
        font-size: 13px;
        border: 1px solid var(--line2);
        color: var(--tx);
        cursor: pointer;
        transition: 0.3s var(--ease);
        background: none;
        letter-spacing: 0.02em;
      }
      #r-pricing .pbtn:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      #r-pricing .plan.pop .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-pricing .plan.pop .pbtn:hover {
        background: var(--grn2);
        border-color: var(--grn2);
      }
      #r-pricing .price-sub {
        text-align: center;
        margin-top: 26px;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--faint);
        letter-spacing: 0.03em;
      }
      #r-pricing .subwrap {
        max-width: 660px;
        margin: 0 auto;
        border: 1px solid var(--line2);
        border-radius: 22px;
        background: var(--bg2);
        padding: 42px;
        position: relative;
        z-index: 1;
      }
      #r-pricing .substeps {
        display: flex;
        gap: 8px;
        margin-bottom: 14px;
      }
      #r-pricing .sstep {
        flex: 1;
        height: 4px;
        border-radius: 2px;
        background: var(--line2);
        transition: 0.4s;
      }
      #r-pricing .sstep.on {
        background: var(--grn);
      }
      #r-pricing .sscount {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--faint);
        text-transform: uppercase;
        margin-bottom: 24px;
      }
      #r-pricing .spanel {
        display: none;
        animation: sfade 0.5s var(--ease);
      }
      #r-pricing .spanel.on {
        display: block;
      }
      @keyframes r-pricing_sfade {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      #r-pricing .spanel h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.7rem;
        margin-bottom: 8px;
      }
      #r-pricing .spanel .shint {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 26px;
      }
      #r-pricing .field {
        margin-bottom: 16px;
      }
      #r-pricing .field label {
        display: block;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      #r-pricing .field input,
      #r-pricing .field select {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
      }
      #r-pricing .field input:focus,
      #r-pricing .field select:focus {
        outline: none;
        border-color: var(--grn);
      }
      #r-pricing .planpick {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
        margin-bottom: 8px;
      }
      #r-pricing .pp-opt {
        border: 1px solid var(--line2);
        border-radius: 13px;
        padding: 16px 14px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-pricing .pp-opt:hover {
        border-color: var(--line2);
      }
      #r-pricing .pp-opt.sel {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.06);
      }
      #r-pricing .pp-opt .ppn {
        font-family: var(--serif);
        font-size: 1.05rem;
      }
      #r-pricing .pp-opt .ppp {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 4px;
      }
      #r-pricing .brandrow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 12px 16px;
        margin-bottom: 16px;
      }
      #r-pricing .brandrow .stepper {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-pricing .brandrow button {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        border: 1px solid var(--line2);
        background: none;
        color: var(--tx);
        font-size: 16px;
        cursor: pointer;
      }
      #r-pricing .brandrow button:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      #r-pricing .summ {
        border: 1px solid var(--line);
        border-radius: 13px;
        background: var(--panel);
        padding: 20px;
        margin: 18px 0 22px;
      }
      #r-pricing .summ .srow {
        display: flex;
        justify-content: space-between;
        padding: 7px 0;
        font-size: 0.94rem;
        color: var(--mut);
      }
      #r-pricing .summ .srow b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-pricing .summ .stotal {
        border-top: 1px solid var(--line);
        margin-top: 8px;
        padding-top: 14px;
        font-size: 1.05rem;
      }
      #r-pricing .summ .stotal b {
        color: var(--grn2);
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      #r-pricing .subact {
        display: flex;
        gap: 12px;
        margin-top: 8px;
      }
      #r-pricing .subact .pbtn {
        flex: 1;
      }
      #r-pricing .subback {
        flex: 0 0 auto;
        width: auto;
        padding: 15px 24px;
      }
      #r-pricing .sdone {
        text-align: center;
        padding: 20px 0;
      }
      #r-pricing .sdone .sdi {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: grid;
        place-items: center;
        margin: 0 auto 22px;
      }
      #r-pricing .sdone .sdi svg {
        width: 30px;
        height: 30px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      #r-pricing .sdone h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 2rem;
        margin-bottom: 12px;
      }
      #r-pricing .sdone p {
        color: var(--mut);
        max-width: 40ch;
        margin: 0 auto;
      }
      #r-pricing .securenote {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.04em;
      }
      #r-pricing .fifth-grid {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 48px;
        align-items: center;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: var(--bg2);
        padding: 52px;
      }
      #r-pricing .fifth-grid h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        line-height: 1.02;
      }
      #r-pricing .fifth-grid h2 em {
        font-style: normal;
        color: var(--grn2);
      }
      #r-pricing .fifth-grid > div > p {
        color: var(--mut);
        margin: 22px 0 30px;
        max-width: 46ch;
        line-height: 1.6;
      }
      #r-pricing .fcard {
        border: 1px solid var(--line2);
        border-radius: 18px;
        background: var(--panel);
        padding: 30px;
      }
      #r-pricing .fcard-top {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 18px;
      }
      #r-pricing .fcard-mark {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: conic-gradient(
          from 200deg,
          #6cf0a6,
          #6aa9f0,
          #b58cf0,
          #6cf0a6
        );
        display: grid;
        place-items: center;
      }
      #r-pricing .fcard-mark span {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        background: #05130a;
      }
      #r-pricing .fcard-name {
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      #r-pricing .fcard-name b {
        color: var(--grn2);
      }
      #r-pricing .fcard-sub {
        font-family: var(--mono);
        font-size: 11.5px;
        color: var(--mut);
        letter-spacing: 0.04em;
        border-bottom: 1px solid var(--line);
        padding-bottom: 18px;
        margin-bottom: 6px;
      }
      #r-pricing .frow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid var(--line);
      }
      #r-pricing .frow:last-child {
        border-bottom: none;
      }
      #r-pricing .frow b {
        font-weight: 500;
        font-size: 0.98rem;
      }
      #r-pricing .frow span {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--faint);
      }
      #r-pricing .faq {
        max-width: 820px;
        margin: 48px auto 0;
      }
      #r-pricing .faq details {
        border-bottom: 1px solid var(--line);
        padding: 22px 0;
      }
      #r-pricing .faq summary {
        font-family: var(--serif);
        font-size: 1.2rem;
        cursor: pointer;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
      }
      #r-pricing .faq summary::-webkit-details-marker {
        display: none;
      }
      #r-pricing .faq summary::after {
        content: "+";
        color: var(--grn);
        font-family: var(--mono);
        font-size: 1.4rem;
        transition: 0.3s;
      }
      #r-pricing .faq details[open] summary::after {
        transform: rotate(45deg);
      }
      #r-pricing .faq details p {
        color: var(--mut);
        margin-top: 14px;
        max-width: 64ch;
        line-height: 1.6;
      }
      @media (max-width: 980px) {
        #r-pricing .stat-wall {
          grid-template-columns: 1fr 1fr;
        }
        #r-pricing .compare {
          grid-template-columns: 1fr;
        }
        #r-pricing .agrid {
          grid-template-columns: 1fr;
        }
        #r-pricing .plans {
          grid-template-columns: 1fr;
          gap: 26px;
        }
        #r-pricing .plan.pop {
          order: -1;
        }
        #r-pricing .fifth-grid {
          grid-template-columns: 1fr;
          gap: 34px;
          padding: 34px;
        }
        #r-pricing .planpick {
          grid-template-columns: 1fr;
        }
        #r-pricing .phero {
          padding: 130px 0 50px;
        }
      }
      @media (max-width: 560px) {
        #r-pricing .stat-wall {
          grid-template-columns: 1fr;
        }
        #r-pricing .subwrap {
          padding: 26px;
        }
      }
      #r-pricing .sectitle em,
      #r-pricing .ftitle em,
      #r-pricing .mani-quote em {
        font-style: italic;
        color: var(--grn2);
      }
      #r-pricing .sechead.ctr {
        text-align: center;
        align-items: center;
        max-width: none;
        margin: 0 auto;
      }
      #r-pricing .sechead.ctr .ey {
        justify-content: center;
      }
      #r-pricing .sechead.ctr .sub {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }
      #r-pricing .phero .wrap {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 40px;
        align-items: center;
      }
      #r-pricing .phero-txt {
        min-width: 0;
      }
      #r-pricing .phero-viz {
        position: relative;
        display: grid;
        place-items: center;
        min-height: 400px;
      }
      #r-pricing .phero h1 {
        max-width: none;
      }
      #r-pricing .orbit {
        position: relative;
        width: 380px;
        height: 380px;
      }
      #r-pricing .orbit .ring {
        position: absolute;
        inset: 0;
        border: 1px solid rgba(61, 220, 132, 0.13);
        border-radius: 50%;
      }
      #r-pricing .orbit .ring.r2 {
        inset: 46px;
        border-color: rgba(61, 220, 132, 0.1);
      }
      #r-pricing .orbit .ring.r3 {
        inset: 104px;
        border-color: rgba(61, 220, 132, 0.08);
      }
      #r-pricing .orbit-spin {
        position: absolute;
        inset: 0;
        animation: orbspin 46s linear infinite;
      }
      @keyframes r-pricing_orbspin {
        to {
          transform: rotate(360deg);
        }
      }
      #r-pricing .onode {
        position: absolute;
        width: 0;
        height: 0;
      }
      #r-pricing .onode .chip {
        position: absolute;
        transform: translate(-50%, -50%);
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.03em;
        color: var(--grn2);
        background: rgba(8, 9, 11, 0.72);
        border: 1px solid rgba(61, 220, 132, 0.32);
        border-radius: 100px;
        padding: 6px 12px;
        white-space: nowrap;
        animation: orbspinr 46s linear infinite;
        backdrop-filter: blur(2px);
      }
      #r-pricing .onode .chip::before {
        content: "";
        position: absolute;
        left: -4px;
        top: 50%;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 8px var(--grn);
        transform: translateY(-50%);
      }
      @keyframes r-pricing_orbspinr {
        to {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }
      #r-pricing .orbit-core {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 104px;
        height: 104px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        text-align: center;
        background: radial-gradient(
          circle,
          rgba(61, 220, 132, 0.16),
          transparent 72%
        );
      }
      #r-pricing .orbit-core b {
        font-family: var(--serif);
        font-size: 1.05rem;
        color: var(--tx);
        line-height: 1.05;
        position: relative;
        z-index: 2;
      }
      #r-pricing .orbit-core .oc-dot {
        position: absolute;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 22px var(--grn);
        top: -2px;
        animation: ocpulse 2.8s ease-in-out infinite;
      }
      @keyframes r-pricing_ocpulse {
        0%,
        100% {
          transform: scale(1);
          opacity: 1;
        }
        50% {
          transform: scale(1.6);
          opacity: 0.55;
        }
      }
      #r-pricing .viz-img {
        position: relative;
        width: min(440px, 90%);
        aspect-ratio: 4/5;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      #r-pricing .viz-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.94) contrast(1.02);
      }
      #r-pricing .viz-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 45%,
          rgba(8, 9, 11, 0.6)
        );
      }
      #r-pricing .viz-chip {
        position: absolute;
        left: 18px;
        bottom: 16px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.06em;
        color: var(--grn2);
        border: 1px solid rgba(61, 220, 132, 0.3);
        border-radius: 100px;
        padding: 7px 13px;
        background: rgba(8, 9, 11, 0.55);
      }
      #r-pricing .inquiry {
        max-width: 760px;
        margin: 44px auto 0;
        position: relative;
        z-index: 1;
      }
      #r-pricing .frow2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }
      #r-pricing .inquiry textarea {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
        resize: vertical;
        min-height: 120px;
      }
      #r-pricing .inquiry textarea:focus {
        outline: none;
        border-color: var(--grn);
      }
      #r-pricing .inquiry .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        margin-top: 6px;
      }
      #r-pricing .inquiry .pbtn:hover {
        background: var(--grn2);
      }
      @media (max-width: 900px) {
        #r-pricing .phero .wrap {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        #r-pricing .phero-viz {
          min-height: 320px;
          margin-top: 6px;
        }
        #r-pricing .orbit {
          transform: scale(0.82);
        }
        #r-pricing .frow2 {
          grid-template-columns: 1fr;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #r-pricing .orbit-spin {
          animation: none;
        }
        #r-pricing .onode .chip {
          animation: none;
        }
        #r-pricing .orbit-core .oc-dot {
          animation: none;
        }
      }
      #r-pricing .route {
        display: none;
      }
      #r-pricing .route.on {
        display: block;
        animation: routein 0.5s var(--ease);
      }
      @keyframes r-pricing_routein {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }
      #r-pricing .acct-toggle {
        display: inline-flex;
        gap: 4px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px;
      }
      #r-pricing .at-opt {
        border: 0;
        background: transparent;
        color: var(--mut);
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 24px;
        border-radius: 999px;
        cursor: pointer;
        transition: all 0.18s;
      }
      #r-pricing .at-opt.on {
        background: var(--grn);
        color: #04120a;
        font-weight: 600;
      }
      #r-pricing .acct-note {
        text-align: center;
        color: var(--mut);
        font-size: 12.5px;
        margin: 0 auto 24px;
        max-width: 560px;
      }
      #r-pricing .prod-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 26px;
        margin-top: 44px;
      }
      #r-pricing .prod-col {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 24px 22px;
        background: rgba(255, 255, 255, 0.02);
      }
      #r-pricing .prod-h {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-pricing .prod-h h3 {
        margin: 0;
        font-size: 1.15rem;
      }
      #r-pricing .prod-ic {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--grn);
        font-size: 15px;
      }
      #r-pricing .prod-item {
        padding: 13px 0;
        border-top: 1px solid var(--line);
      }
      #r-pricing .prod-item b {
        display: block;
        color: #fff;
        font-size: 0.96rem;
        margin-bottom: 3px;
        font-weight: 500;
      }
      #r-pricing .prod-item span {
        color: var(--mut);
        font-size: 0.82rem;
        line-height: 1.45;
      }
      @media (max-width: 860px) {
        #r-pricing .prod-grid {
          grid-template-columns: 1fr;
        }
      }
      #r-pricing .legal {
        max-width: 820px;
        margin: 0 auto;
      }
      #r-pricing .legal h2 {
        font-size: 1.25rem;
        margin: 30px 0 8px;
        color: #fff;
      }
      #r-pricing .legal h3 {
        font-size: 1rem;
        margin: 20px 0 6px;
        color: #fff;
      }
      #r-pricing .legal p,
      #r-pricing .legal li {
        color: var(--mut);
        line-height: 1.7;
        font-size: 0.95rem;
      }
      #r-pricing .legal a {
        color: var(--grn);
      }
      #r-pricing .legal ul {
        padding-left: 20px;
      }
      #r-pricing .legal strong {
        color: #dfe7ec;
      }
      #r-pricing .legal table {
        border-collapse: collapse;
        width: 100%;
        margin: 12px 0;
        font-size: 0.85rem;
      }
      #r-pricing .legal th,
      #r-pricing .legal td {
        border: 1px solid var(--line);
        padding: 9px 11px;
        text-align: left;
        vertical-align: top;
        color: var(--mut);
      }
      #r-pricing .legal th {
        background: rgba(255, 255, 255, 0.04);
        color: #fff;
      }
      #r-pricing .legal .box {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 16px;
        margin: 14px 0;
      }
      #r-pricing .legal .cf {
        color: #c9a23a;
      }
      #r-pricing .legal .meta {
        color: var(--mut);
        font-size: 0.85rem;
      }
      #r-pricing nav {
        z-index: 1001;
      }
      #r-pricing .ndrop {
        position: relative;
        display: inline-flex;
        align-items: center;
      }
      #r-pricing .ndrop > .ntrig {
        cursor: pointer;
      }
      #r-pricing .mega {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        min-width: 540px;
        background: #0c1116;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 22px;
        display: none;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 26px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
        z-index: 80;
      }
      #r-pricing .mega::before {
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
      }
      #r-pricing .ndrop:hover .mega {
        display: grid;
      }
      #r-pricing .mega.grid {
        min-width: 360px;
        grid-template-columns: repeat(2, 1fr);
      }
      #r-pricing .mega.two {
        min-width: 220px;
        grid-template-columns: 1fr;
      }
      #r-pricing .mega .mh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 8px;
      }
      #r-pricing .mega a {
        display: block;
        padding: 6px 0;
        color: #cdd6de;
        font-size: 14px;
        text-decoration: none;
      }
      #r-pricing .mega a:hover {
        color: var(--grn);
      }
      @media (max-width: 900px) {
        #r-pricing .mega {
          display: none !important;
        }
      }
      #r-home {
        padding-top: 0 !important;
      }
      #r-home .hero {
        min-height: 70vh !important;
        padding-top: 34px !important;
      }

      #r-pricing {
        padding-top: 0 !important;
      }
      #r-pricing .phero {
        padding-top: 50px !important;
      }

      #r-home .fade-up,
      #r-home .eyhero,
      #r-home [class*="fade-"] {
        opacity: 1 !important;
        transform: none !important;
      }

      /* ============ PRICING ============ */
      .pr-hero {
        text-align: center;
        padding: 80px 0 30px;
        border-top: none;
      }
      .pr-hero h1 {
        margin-top: 18px;
      }
      .pr-toggle {
        display: inline-flex;
        gap: 4px;
        margin: 26px auto 0;
        padding: 4px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
      }
      .pr-toggle button {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
        background: none;
        border: none;
        padding: 9px 18px;
        border-radius: 40px;
        cursor: pointer;
      }
      .pr-toggle button.on {
        background: var(--grn);
        color: #05130a;
        font-weight: 500;
      }
      .pr-save {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--grn);
        margin-left: 8px;
      }
      .tiers {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
        max-width: 860px;
        margin: 0 auto;
      }
      .tier {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 20px;
        padding: 34px 30px;
        position: relative;
      }
      .tier.feat {
        border-color: var(--grn);
        box-shadow: 0 0 40px -18px rgba(61, 220, 132, 0.5);
      }
      .tier .badge2 {
        position: absolute;
        top: 18px;
        right: 22px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        padding: 4px 10px;
        border-radius: 20px;
      }
      .tier .tn {
        font-family: var(--serif);
        font-size: 26px;
      }
      .tier .td {
        color: var(--mut);
        font-size: 14px;
        margin-top: 6px;
        min-height: 40px;
      }
      .tier .price {
        font-family: var(--serif);
        font-size: 52px;
        font-weight: 330;
        margin: 18px 0 2px;
      }
      .tier .price span {
        font-size: 18px;
        color: var(--mut);
        font-family: var(--mono);
      }
      .tier .per {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.06em;
      }
      .tier .btn {
        width: 100%;
        justify-content: center;
        margin: 22px 0;
      }
      .tier ul {
        list-style: none;
      }
      .tier li {
        color: var(--mut);
        font-size: 14px;
        padding: 8px 0 8px 26px;
        position: relative;
        border-top: 1px solid var(--line);
      }
      .tier li:first-child {
        border-top: none;
      }
      .tier li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 15px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      .pr-note {
        text-align: center;
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        margin-top: 30px;
      }
      @media (max-width: 820px) {
        .tiers {
          grid-template-columns: 1fr;
        }
      }

      /* ============ RESOURCES ============ */
      .rs-tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      .rs-card {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 30px 26px;
        cursor: pointer;
      }
      .rs-card:hover {
        border-color: var(--grn);
      }
      .rs-card .ic {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.25);
        display: grid;
        place-items: center;
        margin-bottom: 16px;
      }
      .rs-card .ic svg {
        width: 21px;
        height: 21px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      .rs-card h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 8px;
      }
      .rs-card p {
        color: var(--mut);
        font-size: 15px;
      }
      .rs-card .n {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--grn);
        margin-top: 16px;
      }
      .rs-list {
        margin-top: 44px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      .rs-row {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 18px 22px;
        border-top: 1px solid var(--line);
      }
      .rs-row:first-child {
        border-top: none;
      }
      .rs-row .rt {
        flex: 1;
      }
      .rs-row .rt b {
        font-size: 15px;
        display: block;
      }
      .rs-row .rt small {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      .rs-row .tag {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        padding: 4px 10px;
        border-radius: 20px;
      }
      @media (max-width: 820px) {
        .rs-tabs {
          grid-template-columns: 1fr;
        }
      }

      /* ============ DEMO ============ */
      .dm-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: start;
      }
      .dm-grid ul {
        list-style: none;
        margin-top: 22px;
      }
      .dm-grid li {
        color: var(--mut);
        font-size: 13px;
        padding: 9px 0 9px 26px;
        position: relative;
      }
      .dm-grid li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 13px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      .dm-form {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        padding: 30px;
        box-shadow: var(--shadow);
      }
      .dm-form label {
        display: block;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
        margin: 14px 0 6px;
      }
      .dm-form input,
      .dm-form textarea,
      .dm-form select {
        width: 100%;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 12px 14px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 14px;
      }
      .dm-form textarea {
        min-height: 84px;
        resize: vertical;
      }
      .dm-form .btn {
        width: 100%;
        justify-content: center;
        margin-top: 22px;
      }
      .dm-ok {
        display: none;
        text-align: center;
        padding: 24px;
      }
      .dm-ok.on {
        display: block;
      }
      .dm-ok .ic {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.14);
        border: 1px solid var(--grn);
        display: grid;
        place-items: center;
        margin: 0 auto 16px;
      }
      .dm-ok .ic svg {
        width: 26px;
        height: 26px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      .dm-ok h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 8px;
      }
      .dm-ok p {
        color: var(--mut);
      }
      @media (max-width: 820px) {
        .dm-grid {
          grid-template-columns: 1fr;
        }
      }

      /* ============ LEGAL ============ */
      .lg {
        max-width: 820px;
        margin: 0 auto;
      }
      .lg h1 {
        font-size: clamp(34px, 4vw, 44px);
      }
      .lg .meta {
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        margin-top: 10px;
      }
      .lg h2 {
        font-size: 22px;
        margin: 34px 0 8px;
      }
      .lg h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 17px;
        margin: 20px 0 4px;
      }
      .lg p,
      .lg li {
        color: var(--mut);
        font-size: 15px;
        line-height: 1.7;
      }
      .lg ul {
        padding-left: 20px;
        margin: 6px 0;
      }
      .lg li {
        margin: 5px 0;
      }
      .lg a {
        color: var(--grn);
      }
      .lg .box {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 16px 18px;
        margin: 16px 0;
        color: var(--tx);
        font-size: 14px;
      }
      .lg table {
        border-collapse: collapse;
        width: 100%;
        margin: 12px 0;
        font-size: 13.5px;
      }
      .lg th,
      .lg td {
        border: 1px solid var(--line);
        padding: 9px 11px;
        text-align: left;
        vertical-align: top;
        color: var(--mut);
      }
      .lg th {
        background: var(--bg2);
        color: var(--tx);
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.04em;
      }

      /* instagram */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-instagram {
        scroll-behavior: smooth;
      }
      #r-instagram {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-instagram .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-instagram a {
        color: inherit;
        text-decoration: none;
      }
      #r-instagram nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-instagram .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-instagram .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-instagram .logo b {
        color: var(--grn);
      }
      #r-instagram .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-instagram .nlinks a:hover {
        color: var(--tx);
      }
      #r-instagram .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-instagram .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-instagram .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-instagram .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-instagram .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-instagram section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-instagram h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-instagram h1 em,
      #r-instagram h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-instagram h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-instagram .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-instagram .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-instagram .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-instagram .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-instagram .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-instagram .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-instagram .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-instagram .sechead h2 {
        margin-top: 12px;
      }
      #r-instagram .sechead .sub {
        margin-top: 14px;
      }
      #r-instagram .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-instagram .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-instagram .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-instagram .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-instagram .tabpane.on {
        display: grid;
      }
      #r-instagram .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-instagram .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-instagram .tabpane ul {
        list-style: none;
      }
      #r-instagram .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-instagram .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-instagram .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-instagram .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-instagram .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-instagram .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-instagram .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-instagram .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-instagram .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-instagram .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-instagram .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-instagram .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-instagram .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-instagram .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-instagram .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-instagram .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-instagram .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-instagram .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-instagram .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-instagram .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-instagram .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-instagram .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-instagram .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-instagram .acc details[open] summary::after {
        content: "–";
      }
      #r-instagram .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-instagram .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-instagram .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-instagram .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-instagram .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-instagram .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-instagram .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-instagram .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-instagram .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-instagram .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-instagram .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-instagram .cta {
        text-align: center;
      }
      #r-instagram .cta h2 {
        margin-bottom: 26px;
      }
      #r-instagram footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-instagram .hero,
        #r-instagram .band,
        #r-instagram .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-instagram .hero-mock {
          display: none;
        }
        #r-instagram .truths,
        #r-instagram .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-instagram * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-instagram .mono {
        font-family: var(--mono);
      }
      #r-instagram .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-instagram .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-instagram .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-instagram .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-instagram .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-instagram .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-instagram .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-instagram .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-instagram .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-instagram .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-instagram .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-instagram .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-instagram .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-instagram .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-instagram .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-instagram .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-instagram .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-instagram .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-instagram .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-instagram .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-instagram .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-instagram .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-instagram .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-instagram .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-instagram .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-instagram .sch-cell:first-of-type {
        border-left: none;
      }
      #r-instagram .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-instagram .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-instagram .post + .post {
        margin-top: 6px;
      }
      #r-instagram .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-instagram .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-instagram .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-instagram .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-instagram .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-instagram .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-instagram .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-instagram .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-instagram .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-instagram .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-instagram .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-instagram .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-instagram .fol-chart {
        margin-top: 12px;
      }
      #r-instagram .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-instagram .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-instagram .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-instagram .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-instagram .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-instagram .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-instagram .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-instagram .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-instagram .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-instagram .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-instagram .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-instagram .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-instagram .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-instagram .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-instagram .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-instagram .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-instagram .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-instagram .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-instagram .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-instagram .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-instagram .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-instagram .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-instagram .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-instagram .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-instagram .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-instagram .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-instagram .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-instagram .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-instagram .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-instagram .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-instagram .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-instagram .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-instagram .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-instagram .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-instagram .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-instagram .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-instagram .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-instagram .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-instagram .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-instagram .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-instagram .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-instagram .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-instagram .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-instagram .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-instagram .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-instagram .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-instagram .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-instagram .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-instagram .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* facebook */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-facebook {
        scroll-behavior: smooth;
      }
      #r-facebook {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-facebook .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-facebook a {
        color: inherit;
        text-decoration: none;
      }
      #r-facebook nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-facebook .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-facebook .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-facebook .logo b {
        color: var(--grn);
      }
      #r-facebook .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-facebook .nlinks a:hover {
        color: var(--tx);
      }
      #r-facebook .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-facebook .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-facebook .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-facebook .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-facebook .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-facebook section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-facebook h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-facebook h1 em,
      #r-facebook h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-facebook h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-facebook .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-facebook .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-facebook .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-facebook .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-facebook .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-facebook .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-facebook .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-facebook .sechead h2 {
        margin-top: 12px;
      }
      #r-facebook .sechead .sub {
        margin-top: 14px;
      }
      #r-facebook .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-facebook .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-facebook .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-facebook .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-facebook .tabpane.on {
        display: grid;
      }
      #r-facebook .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-facebook .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-facebook .tabpane ul {
        list-style: none;
      }
      #r-facebook .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-facebook .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-facebook .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-facebook .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-facebook .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-facebook .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-facebook .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-facebook .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-facebook .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-facebook .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-facebook .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-facebook .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-facebook .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-facebook .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-facebook .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-facebook .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-facebook .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-facebook .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-facebook .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-facebook .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-facebook .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-facebook .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-facebook .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-facebook .acc details[open] summary::after {
        content: "–";
      }
      #r-facebook .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-facebook .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-facebook .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-facebook .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-facebook .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-facebook .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-facebook .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-facebook .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-facebook .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-facebook .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-facebook .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-facebook .cta {
        text-align: center;
      }
      #r-facebook .cta h2 {
        margin-bottom: 26px;
      }
      #r-facebook footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-facebook .hero,
        #r-facebook .band,
        #r-facebook .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-facebook .hero-mock {
          display: none;
        }
        #r-facebook .truths,
        #r-facebook .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-facebook * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-facebook .mono {
        font-family: var(--mono);
      }
      #r-facebook .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-facebook .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-facebook .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-facebook .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-facebook .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-facebook .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-facebook .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-facebook .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-facebook .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-facebook .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-facebook .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-facebook .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-facebook .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-facebook .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-facebook .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-facebook .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-facebook .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-facebook .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-facebook .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-facebook .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-facebook .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-facebook .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-facebook .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-facebook .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-facebook .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-facebook .sch-cell:first-of-type {
        border-left: none;
      }
      #r-facebook .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-facebook .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-facebook .post + .post {
        margin-top: 6px;
      }
      #r-facebook .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-facebook .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-facebook .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-facebook .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-facebook .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-facebook .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-facebook .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-facebook .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-facebook .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-facebook .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-facebook .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-facebook .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-facebook .fol-chart {
        margin-top: 12px;
      }
      #r-facebook .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-facebook .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-facebook .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-facebook .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-facebook .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-facebook .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-facebook .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-facebook .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-facebook .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-facebook .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-facebook .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-facebook .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-facebook .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-facebook .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-facebook .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-facebook .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-facebook .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-facebook .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-facebook .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-facebook .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-facebook .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-facebook .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-facebook .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-facebook .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-facebook .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-facebook .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-facebook .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-facebook .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-facebook .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-facebook .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-facebook .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-facebook .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-facebook .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-facebook .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-facebook .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-facebook .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-facebook .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-facebook .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-facebook .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-facebook .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-facebook .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-facebook .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-facebook .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-facebook .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-facebook .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-facebook .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-facebook .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-facebook .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-facebook .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* tiktok */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-tiktok {
        scroll-behavior: smooth;
      }
      #r-tiktok {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-tiktok .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-tiktok a {
        color: inherit;
        text-decoration: none;
      }
      #r-tiktok nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-tiktok .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-tiktok .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-tiktok .logo b {
        color: var(--grn);
      }
      #r-tiktok .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-tiktok .nlinks a:hover {
        color: var(--tx);
      }
      #r-tiktok .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-tiktok .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-tiktok .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-tiktok .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-tiktok .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-tiktok section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-tiktok h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-tiktok h1 em,
      #r-tiktok h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-tiktok h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-tiktok .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-tiktok .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-tiktok .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-tiktok .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-tiktok .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-tiktok .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-tiktok .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-tiktok .sechead h2 {
        margin-top: 12px;
      }
      #r-tiktok .sechead .sub {
        margin-top: 14px;
      }
      #r-tiktok .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-tiktok .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-tiktok .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-tiktok .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-tiktok .tabpane.on {
        display: grid;
      }
      #r-tiktok .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-tiktok .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-tiktok .tabpane ul {
        list-style: none;
      }
      #r-tiktok .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-tiktok .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-tiktok .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-tiktok .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-tiktok .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-tiktok .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-tiktok .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-tiktok .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-tiktok .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-tiktok .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-tiktok .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-tiktok .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-tiktok .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-tiktok .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-tiktok .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-tiktok .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-tiktok .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-tiktok .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-tiktok .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-tiktok .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-tiktok .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-tiktok .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-tiktok .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-tiktok .acc details[open] summary::after {
        content: "–";
      }
      #r-tiktok .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-tiktok .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-tiktok .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-tiktok .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-tiktok .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-tiktok .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-tiktok .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-tiktok .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-tiktok .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-tiktok .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-tiktok .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-tiktok .cta {
        text-align: center;
      }
      #r-tiktok .cta h2 {
        margin-bottom: 26px;
      }
      #r-tiktok footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-tiktok .hero,
        #r-tiktok .band,
        #r-tiktok .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-tiktok .hero-mock {
          display: none;
        }
        #r-tiktok .truths,
        #r-tiktok .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-tiktok * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-tiktok .mono {
        font-family: var(--mono);
      }
      #r-tiktok .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-tiktok .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-tiktok .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-tiktok .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-tiktok .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-tiktok .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-tiktok .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-tiktok .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-tiktok .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-tiktok .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-tiktok .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-tiktok .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-tiktok .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-tiktok .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-tiktok .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-tiktok .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-tiktok .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-tiktok .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-tiktok .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-tiktok .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-tiktok .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-tiktok .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-tiktok .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-tiktok .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-tiktok .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-tiktok .sch-cell:first-of-type {
        border-left: none;
      }
      #r-tiktok .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-tiktok .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-tiktok .post + .post {
        margin-top: 6px;
      }
      #r-tiktok .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-tiktok .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-tiktok .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-tiktok .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-tiktok .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-tiktok .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-tiktok .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-tiktok .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-tiktok .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-tiktok .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-tiktok .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-tiktok .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-tiktok .fol-chart {
        margin-top: 12px;
      }
      #r-tiktok .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-tiktok .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-tiktok .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-tiktok .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-tiktok .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-tiktok .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-tiktok .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-tiktok .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-tiktok .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-tiktok .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-tiktok .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-tiktok .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-tiktok .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-tiktok .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-tiktok .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-tiktok .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-tiktok .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-tiktok .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-tiktok .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-tiktok .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-tiktok .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-tiktok .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-tiktok .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-tiktok .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-tiktok .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-tiktok .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-tiktok .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-tiktok .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-tiktok .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-tiktok .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-tiktok .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-tiktok .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-tiktok .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-tiktok .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-tiktok .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-tiktok .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-tiktok .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-tiktok .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-tiktok .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-tiktok .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-tiktok .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-tiktok .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-tiktok .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-tiktok .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-tiktok .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-tiktok .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-tiktok .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-tiktok .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-tiktok .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* linkedin */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-linkedin {
        scroll-behavior: smooth;
      }
      #r-linkedin {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-linkedin .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-linkedin a {
        color: inherit;
        text-decoration: none;
      }
      #r-linkedin nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-linkedin .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-linkedin .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-linkedin .logo b {
        color: var(--grn);
      }
      #r-linkedin .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-linkedin .nlinks a:hover {
        color: var(--tx);
      }
      #r-linkedin .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-linkedin .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-linkedin .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-linkedin .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-linkedin .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-linkedin section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-linkedin h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-linkedin h1 em,
      #r-linkedin h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-linkedin h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-linkedin .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-linkedin .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-linkedin .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-linkedin .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-linkedin .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-linkedin .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-linkedin .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-linkedin .sechead h2 {
        margin-top: 12px;
      }
      #r-linkedin .sechead .sub {
        margin-top: 14px;
      }
      #r-linkedin .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-linkedin .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-linkedin .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-linkedin .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-linkedin .tabpane.on {
        display: grid;
      }
      #r-linkedin .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-linkedin .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-linkedin .tabpane ul {
        list-style: none;
      }
      #r-linkedin .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-linkedin .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-linkedin .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-linkedin .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-linkedin .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-linkedin .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-linkedin .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-linkedin .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-linkedin .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-linkedin .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-linkedin .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-linkedin .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-linkedin .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-linkedin .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-linkedin .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-linkedin .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-linkedin .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-linkedin .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-linkedin .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-linkedin .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-linkedin .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-linkedin .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-linkedin .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-linkedin .acc details[open] summary::after {
        content: "–";
      }
      #r-linkedin .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-linkedin .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-linkedin .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-linkedin .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-linkedin .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-linkedin .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-linkedin .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-linkedin .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-linkedin .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-linkedin .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-linkedin .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-linkedin .cta {
        text-align: center;
      }
      #r-linkedin .cta h2 {
        margin-bottom: 26px;
      }
      #r-linkedin footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-linkedin .hero,
        #r-linkedin .band,
        #r-linkedin .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-linkedin .hero-mock {
          display: none;
        }
        #r-linkedin .truths,
        #r-linkedin .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-linkedin * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-linkedin .mono {
        font-family: var(--mono);
      }
      #r-linkedin .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-linkedin .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-linkedin .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-linkedin .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-linkedin .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-linkedin .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-linkedin .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-linkedin .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-linkedin .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-linkedin .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-linkedin .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-linkedin .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-linkedin .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-linkedin .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-linkedin .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-linkedin .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-linkedin .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-linkedin .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-linkedin .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-linkedin .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-linkedin .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-linkedin .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-linkedin .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-linkedin .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-linkedin .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-linkedin .sch-cell:first-of-type {
        border-left: none;
      }
      #r-linkedin .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-linkedin .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-linkedin .post + .post {
        margin-top: 6px;
      }
      #r-linkedin .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-linkedin .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-linkedin .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-linkedin .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-linkedin .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-linkedin .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-linkedin .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-linkedin .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-linkedin .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-linkedin .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-linkedin .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-linkedin .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-linkedin .fol-chart {
        margin-top: 12px;
      }
      #r-linkedin .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-linkedin .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-linkedin .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-linkedin .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-linkedin .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-linkedin .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-linkedin .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-linkedin .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-linkedin .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-linkedin .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-linkedin .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-linkedin .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-linkedin .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-linkedin .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-linkedin .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-linkedin .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-linkedin .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-linkedin .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-linkedin .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-linkedin .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-linkedin .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-linkedin .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-linkedin .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-linkedin .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-linkedin .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-linkedin .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-linkedin .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-linkedin .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-linkedin .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-linkedin .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-linkedin .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-linkedin .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-linkedin .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-linkedin .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-linkedin .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-linkedin .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-linkedin .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-linkedin .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-linkedin .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-linkedin .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-linkedin .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-linkedin .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-linkedin .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-linkedin .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-linkedin .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-linkedin .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-linkedin .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-linkedin .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-linkedin .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* x */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-x {
        scroll-behavior: smooth;
      }
      #r-x {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-x .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-x a {
        color: inherit;
        text-decoration: none;
      }
      #r-x nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-x .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-x .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-x .logo b {
        color: var(--grn);
      }
      #r-x .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-x .nlinks a:hover {
        color: var(--tx);
      }
      #r-x .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
      }
      #r-x .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-x .btn.solid {
        background: var(--grn);
        color: #05130a;
      }
      #r-x .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-x .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-x section {
        padding: 96px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-x h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(44px, 6vw, 80px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-x h1 em,
      #r-x h2 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-x h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.01em;
      }
      #r-x .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 520px;
        margin-top: 20px;
      }
      #r-x .hero {
        padding: 56px 0 72px;
        border-top: none;
        overflow: hidden;
      }
      #r-x .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 48px;
        align-items: center;
      }
      #r-x .hero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-x .hero-mock {
        transform: scale(0.5);
        transform-origin: center;
        justify-self: center;
      }
      #r-x .hero h1 {
        font-size: clamp(36px, 4.2vw, 52px);
        line-height: 1.06;
      }
      #r-x .sechead {
        max-width: 720px;
        margin-bottom: 44px;
      }
      #r-x .sechead h2 {
        margin-top: 12px;
      }
      #r-x .sechead .sub {
        margin-top: 14px;
      }
      #r-x .tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 34px;
      }
      #r-x .tab {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
        padding: 11px 20px;
        border: 1px solid var(--line);
        border-radius: 40px;
        cursor: pointer;
      }
      #r-x .tab.on {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        font-weight: 500;
      }
      #r-x .tabpane {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
      }
      #r-x .tabpane.on {
        display: grid;
      }
      #r-x .tabpane h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 28px;
        margin-bottom: 14px;
      }
      #r-x .tabpane p {
        color: var(--mut);
        margin-bottom: 18px;
      }
      #r-x .tabpane ul {
        list-style: none;
      }
      #r-x .tabpane li {
        color: var(--mut);
        padding: 7px 0 7px 26px;
        position: relative;
      }
      #r-x .tabpane li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-x .tab-viz {
        display: flex;
        justify-content: center;
      }
      #r-x .truths {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-x .truth {
        padding: 38px 30px;
        background: var(--bg2);
      }
      #r-x .truth .no {
        font-family: var(--serif);
        font-size: 40px;
        color: var(--grn);
        opacity: 0.5;
      }
      #r-x .truth h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin: 14px 0 10px;
      }
      #r-x .truth p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-x .band {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-x .band-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--line2);
        box-shadow: var(--shadow);
      }
      #r-x .band-photo img {
        width: 100%;
        display: block;
        filter: saturate(1.02);
      }
      #r-x .chip {
        position: absolute;
        background: rgba(10, 14, 18, 0.82);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 14px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
      }
      #r-x .chip b {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        display: block;
        line-height: 1;
      }
      #r-x .chip b .u {
        color: var(--grn);
        font-size: 16px;
      }
      #r-x .chip small {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-x .chip.c1 {
        top: 22px;
        left: 22px;
      }
      #r-x .chip.c2 {
        top: 40%;
        right: 20px;
      }
      #r-x .chip.c3 {
        bottom: 24px;
        left: 30px;
      }
      #r-x .acc details {
        border-top: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-x .acc details:last-child {
        border-bottom: 1px solid var(--line);
      }
      #r-x .acc summary {
        list-style: none;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 15px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--tx);
      }
      #r-x .acc summary::-webkit-details-marker {
        display: none;
      }
      #r-x .acc summary::after {
        content: "+";
        color: var(--grn);
        font-size: 20px;
      }
      #r-x .acc details[open] summary::after {
        content: "–";
      }
      #r-x .acc p {
        color: var(--mut);
        padding: 0 0 16px;
        font-size: 15px;
      }
      #r-x .approve-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      #r-x .approve-wrap .approval {
        margin: 34px 0 0;
        text-align: left;
      }
      #r-x .xnet {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 26px;
      }
      #r-x .xnet .badge {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }
      #r-x .xnet .badge svg {
        width: 20px;
        height: 20px;
      }
      #r-x .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      #r-x .quote {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: var(--bg2);
      }
      #r-x .quote p {
        font-size: 15px;
        color: var(--tx);
      }
      #r-x .quote .who {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--mut);
      }
      #r-x .quote .who b {
        color: var(--tx);
        display: block;
        font-weight: 500;
      }
      #r-x .cta {
        text-align: center;
      }
      #r-x .cta h2 {
        margin-bottom: 26px;
      }
      #r-x footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 900px) {
        #r-x .hero,
        #r-x .band,
        #r-x .tabpane.on {
          grid-template-columns: 1fr;
        }
        #r-x .hero-mock {
          display: none;
        }
        #r-x .truths,
        #r-x .quotes {
          grid-template-columns: 1fr;
        }
      }
      #r-x * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-x .mono {
        font-family: var(--mono);
      }
      #r-x .badge {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        flex: none;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
      }
      #r-x .badge svg {
        width: 11px;
        height: 11px;
        fill: var(--mut);
      }
      #r-x .pill {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        white-space: nowrap;
        flex: none;
      }
      #r-x .pill.sched {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-x .pill.await {
        color: var(--tx);
        background: rgba(233, 240, 244, 0.08);
        border: 1px solid var(--line2);
      }
      #r-x .pill.pub {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-x .scheduler {
        width: 760px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-x .sch-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px 14px;
      }
      #r-x .sch-title {
        font-family: var(--serif);
        font-size: 19px;
        font-weight: 400;
      }
      #r-x .sch-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-x .sch-nav {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-x .sch-week {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-x .sch-arrows {
        display: flex;
        gap: 6px;
      }
      #r-x .sch-arrows span {
        width: 24px;
        height: 24px;
        border: 1px solid var(--line);
        border-radius: 7px;
        display: grid;
        place-items: center;
        color: var(--mut);
        font-size: 11px;
      }
      #r-x .sch-cols {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
        border-top: 1px solid var(--line);
      }
      #r-x .sch-cols .colh {
        padding: 10px 6px 9px;
        text-align: center;
        border-left: 1px solid var(--line);
      }
      #r-x .sch-cols .colh:first-child {
        border-left: none;
      }
      #r-x .sch-cols .colh .d {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-x .sch-cols .colh .n {
        font-family: var(--serif);
        font-size: 15px;
        margin-top: 3px;
        color: var(--mut);
      }
      #r-x .sch-cols .colh.today .n {
        color: var(--tx);
      }
      #r-x .sch-cols .colh.today {
        background: rgba(61, 220, 132, 0.07);
        box-shadow: inset 0 -2px 0 var(--grn);
      }
      #r-x .sch-cols .colh.today .d {
        color: var(--grn);
      }
      #r-x .sch-body {
        display: grid;
        grid-template-columns: 52px repeat(7, 1fr);
      }
      #r-x .sch-time {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
        padding: 10px 8px;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        text-align: right;
        letter-spacing: 0.06em;
      }
      #r-x .sch-cell {
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
        min-height: 96px;
        padding: 6px;
      }
      #r-x .sch-cell:first-of-type {
        border-left: none;
      }
      #r-x .sch-cell.hot {
        background: rgba(61, 220, 132, 0.035);
      }
      #r-x .post {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-left: 2px solid var(--grn);
        border-radius: 8px;
        padding: 8px 9px;
        box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.9);
      }
      #r-x .post + .post {
        margin-top: 6px;
      }
      #r-x .post-top {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
      }
      #r-x .post-plat {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-x .post-time {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 8.5px;
        color: var(--faint);
      }
      #r-x .post-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--tx);
      }
      #r-x .post-cap {
        font-size: 9.5px;
        color: var(--mut);
        line-height: 1.4;
        margin: 3px 0 7px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      #r-x .post .pill {
        font-size: 8px;
        padding: 2px 7px;
      }
      #r-x .followers {
        width: 300px;
        background: rgba(14, 20, 27, 0.94);
        border: 1px solid var(--line2);
        border-radius: 14px;
        padding: 16px 17px;
        box-shadow: 0 30px 70px -26px rgba(0, 0, 0, 0.9);
      }
      #r-x .fol-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }
      #r-x .fol-label {
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-x .fol-delta {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--grn);
      }
      #r-x .fol-num {
        font-family: var(--serif);
        font-size: 38px;
        font-weight: 400;
        line-height: 1;
        margin: 8px 0 2px;
        letter-spacing: -0.01em;
      }
      #r-x .fol-num span {
        font-size: 20px;
        color: var(--mut);
      }
      #r-x .fol-chart {
        margin-top: 12px;
      }
      #r-x .fol-legend {
        display: flex;
        gap: 14px;
        margin-top: 10px;
      }
      #r-x .fol-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-x .fol-legend i::before {
        content: "";
        width: 14px;
        height: 2px;
        border-radius: 2px;
      }
      #r-x .fol-legend .ig::before {
        background: var(--grn);
      }
      #r-x .fol-legend .tk::before {
        background: var(--faint);
      }
      #r-x .inbox {
        width: 360px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-x .inbox-plats {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--line);
      }
      #r-x .inbox-plats .badge {
        width: 24px;
        height: 24px;
        border-radius: 7px;
      }
      #r-x .inbox-plats .badge svg {
        width: 12px;
        height: 12px;
      }
      #r-x .inbox-plats .badge.on {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.35);
      }
      #r-x .inbox-plats .badge.on svg {
        fill: var(--grn);
      }
      #r-x .inbox-search {
        margin: 12px 16px 0;
        display: flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
      }
      #r-x .inbox-search svg {
        width: 13px;
        height: 13px;
        stroke: var(--faint);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-x .inbox-search span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-x .inbox-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 16px 16px 8px;
      }
      #r-x .inbox-heading h4 {
        font-family: var(--serif);
        font-size: 15px;
        font-weight: 400;
      }
      #r-x .inbox-heading .count {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 2px 7px;
        border-radius: 20px;
      }
      #r-x .conv {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 11px 16px;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-x .conv .av {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex: none;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        border: 1px solid rgba(61, 220, 132, 0.25);
      }
      #r-x .conv .av.alt {
        background: linear-gradient(135deg, #22303c, #141c24);
        border-color: var(--line2);
      }
      #r-x .conv-body {
        flex: 1;
        min-width: 0;
      }
      #r-x .conv-name {
        font-size: 12.5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 7px;
      }
      #r-x .conv-name .t {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        font-weight: 400;
      }
      #r-x .conv-msg {
        font-size: 11px;
        color: var(--mut);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-x .conv .pbadge {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        display: grid;
        place-items: center;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        flex: none;
      }
      #r-x .conv .pbadge svg {
        width: 9px;
        height: 9px;
        fill: var(--mut);
      }
      #r-x .conv.unread::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-x .approval {
        width: 400px;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-x .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-x .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-x .ap-meta .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-x .ap-meta .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        margin-top: 1px;
      }
      #r-x .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-x .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
        background: radial-gradient(120% 120% at 30% 20%, #16202a, #0a0f14 70%);
      }
      #r-x .ap-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(0, 0, 0, 0.4)
        );
      }
      #r-x .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0.15) brightness(0.85);
      }
      #r-x .ap-play {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(233, 240, 244, 0.1);
        border: 1px solid var(--line2);
        display: grid;
        place-items: center;
        z-index: 2;
      }
      #r-x .ap-play svg {
        width: 14px;
        height: 14px;
        fill: var(--tx);
        margin-left: 2px;
      }
      #r-x .ap-tick {
        position: absolute;
        left: 12px;
        bottom: 11px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 9px;
        color: #cdd6dd;
        letter-spacing: 0.08em;
      }
      #r-x .ap-stamp {
        position: absolute;
        top: 70px;
        right: 26px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 7px 15px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
        text-shadow: 0 0 12px rgba(61, 220, 132, 0.4);
      }
      #r-x .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-x .ap-cap b {
        color: var(--tx);
        font-weight: 500;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-x .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-x .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-x .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-x .composite {
        position: relative;
        width: 900px;
        padding: 60px 84px;
      }
      #r-x .composite .scheduler {
        width: 720px;
        margin: 0 auto;
        transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg);
      }
      #r-x .composite .followers {
        position: absolute;
        left: 12px;
        bottom: 30px;
        z-index: 5;
      }
      #r-x .composite .inbox {
        position: absolute;
        right: 12px;
        top: 18px;
        z-index: 6;
        width: 330px;
        box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.92);
      }
      /* product-plan */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-product-plan * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-product-plan {
        scroll-behavior: smooth;
      }
      #r-product-plan {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-product-plan .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-product-plan a {
        color: inherit;
        text-decoration: none;
      }
      #r-product-plan nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-product-plan .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-product-plan .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-product-plan .logo b {
        color: var(--grn);
      }
      #r-product-plan .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-product-plan .nlinks a:hover {
        color: var(--tx);
      }
      #r-product-plan .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
        cursor: pointer;
      }
      #r-product-plan .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-product-plan .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-product-plan .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-product-plan section {
        padding: 92px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-product-plan h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(42px, 5.4vw, 68px);
        line-height: 1.03;
        letter-spacing: -0.02em;
      }
      #r-product-plan h1 em,
      #r-product-plan h2 em,
      #r-product-plan h3 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-product-plan h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 46px);
        line-height: 1.07;
        letter-spacing: -0.01em;
      }
      #r-product-plan .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 560px;
        margin-top: 20px;
      }
      #r-product-plan footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 720px) {
        #r-product-plan .nlinks {
          display: none;
        }
        #r-product-plan .nav-in {
          padding: 14px 20px;
        }
        #r-product-plan .wrap {
          padding: 0 22px;
        }
      }
      #r-product-plan .spine-sec {
        padding: 20px 0;
        border-top: none;
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-plan .spine {
        display: flex;
        align-items: center;
        gap: 0;
        justify-content: center;
        flex-wrap: wrap;
      }
      #r-product-plan .step {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 9px 16px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
      }
      #r-product-plan .step .sn {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-product-plan .step .st {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--mut);
      }
      #r-product-plan .step.done .sn,
      #r-product-plan .step.done .st {
        color: var(--tx);
      }
      #r-product-plan .step.on {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        box-shadow: 0 0 24px -6px rgba(61, 220, 132, 0.4);
      }
      #r-product-plan .step.on .sn {
        color: var(--grn);
      }
      #r-product-plan .step.on .st {
        color: var(--tx);
        font-weight: 500;
      }
      #r-product-plan .sline {
        width: 46px;
        height: 1px;
        background: linear-gradient(90deg, var(--line2), var(--line));
        margin: 0 4px;
      }
      @media (max-width: 640px) {
        #r-product-plan .sline {
          width: 20px;
        }
        #r-product-plan .step {
          padding: 8px 12px;
        }
      }
      #r-product-plan .phero {
        padding: 70px 0 40px;
        text-align: center;
        border-top: none;
      }
      #r-product-plan .phero h1 {
        max-width: 1020px;
        margin: 22px auto 0;
      }
      #r-product-plan .phero .sub {
        margin: 22px auto 0;
        text-align: center;
        font-size: 19px;
      }
      #r-product-plan .phero-cta {
        display: flex;
        gap: 12px;
        justify-content: center;
        margin-top: 32px;
      }
      #r-product-plan .hero-note {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-top: 16px;
      }
      #r-product-plan .calwrap {
        max-width: 1000px;
        margin: 52px auto 0;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 20px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-plan .cal-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 22px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-plan .cal-title {
        font-family: var(--serif);
        font-size: 20px;
      }
      #r-product-plan .cal-title b {
        color: var(--grn);
        font-weight: 400;
      }
      #r-product-plan .cal-legend {
        display: flex;
        gap: 16px;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-product-plan .cal-legend i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }
      #r-product-plan .cal-legend i::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 3px;
      }
      #r-product-plan .cal-legend .ai::before {
        background: var(--grn);
      }
      #r-product-plan .cal-legend .aw::before {
        background: #e9eef3;
      }
      #r-product-plan .cal-legend .pub::before {
        background: var(--faint);
      }
      #r-product-plan .cal-dow {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        border-bottom: 1px solid var(--line);
      }
      #r-product-plan .cal-dow span {
        padding: 9px 10px;
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
        text-align: left;
      }
      #r-product-plan .cal-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
      }
      #r-product-plan .cd {
        min-height: 88px;
        border-left: 1px solid var(--line);
        border-top: 1px solid var(--line);
        padding: 7px 8px;
      }
      #r-product-plan .cd:nth-child(7n + 1) {
        border-left: none;
      }
      #r-product-plan .cd .dn {
        font-family: var(--serif);
        font-size: 13px;
        color: var(--mut);
      }
      #r-product-plan .cd.dim .dn {
        color: var(--faint);
        opacity: 0.5;
      }
      #r-product-plan .cd.today {
        background: rgba(61, 220, 132, 0.06);
      }
      #r-product-plan .cd.today .dn {
        color: var(--tx);
      }
      #r-product-plan .cchip {
        margin-top: 6px;
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.02em;
        padding: 4px 6px;
        border-radius: 6px;
        line-height: 1.3;
        display: flex;
        align-items: center;
        gap: 5px;
      }
      #r-product-plan .cchip .dot {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        flex: none;
      }
      #r-product-plan .cchip.ai {
        background: rgba(61, 220, 132, 0.1);
        color: var(--grn2);
      }
      #r-product-plan .cchip.ai .dot {
        background: var(--grn);
      }
      #r-product-plan .cchip.aw {
        background: rgba(233, 240, 244, 0.08);
        color: var(--tx);
        border: 1px solid var(--line2);
      }
      #r-product-plan .cchip.aw .dot {
        background: #e9eef3;
      }
      #r-product-plan .cchip.pub {
        background: rgba(233, 240, 244, 0.04);
        color: var(--faint);
      }
      #r-product-plan .cchip.pub .dot {
        background: var(--faint);
      }
      #r-product-plan .flow3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
        margin-top: 8px;
      }
      #r-product-plan .fstep {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 30px 26px;
        position: relative;
      }
      #r-product-plan .fstep .fn {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        letter-spacing: 0.14em;
      }
      #r-product-plan .fstep .fi {
        width: 46px;
        height: 46px;
        border-radius: 12px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.25);
        display: grid;
        place-items: center;
        margin: 16px 0 18px;
      }
      #r-product-plan .fstep .fi svg {
        width: 22px;
        height: 22px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-product-plan .fstep h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 21px;
        margin-bottom: 9px;
      }
      #r-product-plan .fstep p {
        color: var(--mut);
        font-size: 15px;
      }
      #r-product-plan .fstep .arr {
        position: absolute;
        right: -15px;
        top: 52px;
        color: var(--faint);
        font-size: 18px;
        z-index: 2;
      }
      @media (max-width: 820px) {
        #r-product-plan .flow3 {
          grid-template-columns: 1fr;
        }
        #r-product-plan .fstep .arr {
          display: none;
        }
      }
      #r-product-plan .split {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-product-plan .pillars {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        padding: 26px;
        box-shadow: var(--shadow);
      }
      #r-product-plan .pil {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 14px 0;
        border-top: 1px solid var(--line);
      }
      #r-product-plan .pil:first-child {
        border-top: none;
      }
      #r-product-plan .pil .pl {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--tx);
        width: 150px;
        flex: none;
      }
      #r-product-plan .pil .bar {
        flex: 1;
        height: 8px;
        border-radius: 6px;
        background: rgba(233, 240, 244, 0.06);
        overflow: hidden;
      }
      #r-product-plan .pil .bar i {
        display: block;
        height: 100%;
        border-radius: 6px;
        background: linear-gradient(90deg, var(--grn), var(--grn2));
      }
      #r-product-plan .pil .pc {
        font-family: var(--mono);
        font-size: 10px;
        color: var(--mut);
        width: 52px;
        text-align: right;
        flex: none;
      }
      #r-product-plan .split ul {
        list-style: none;
        margin-top: 18px;
      }
      #r-product-plan .split li {
        color: var(--mut);
        padding: 8px 0 8px 26px;
        position: relative;
      }
      #r-product-plan .split li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      #r-product-plan .loopband {
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.05),
          transparent
        );
        text-align: center;
      }
      #r-product-plan .loop {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        flex-wrap: wrap;
        margin: 44px 0 10px;
      }
      #r-product-plan .lnode {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 150px;
      }
      #r-product-plan .lnode .lc {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid var(--line2);
        background: var(--bg2);
        display: grid;
        place-items: center;
      }
      #r-product-plan .lnode .lc svg {
        width: 24px;
        height: 24px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-product-plan .lnode span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-product-plan .larr {
        color: var(--faint);
        font-size: 20px;
        margin: 0 -6px 26px;
      }
      #r-product-plan .loop .lnode.you .lc {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
      }
      #r-product-plan .statrow {
        display: flex;
        justify-content: center;
        gap: 64px;
        flex-wrap: wrap;
        margin-top: 34px;
      }
      #r-product-plan .statrow .stat {
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        text-align: center;
      }
      #r-product-plan .stat b {
        font-family: var(--serif);
        font-size: 44px;
        font-weight: 400;
        color: var(--tx);
        display: block;
        line-height: 1;
      }
      #r-product-plan .stat b em {
        color: var(--grn);
        font-style: normal;
        font-size: 26px;
      }
      #r-product-plan .stat small {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
        margin-top: 8px;
        display: block;
      }
      @media (max-width: 820px) {
        #r-product-plan .split {
          grid-template-columns: 1fr;
        }
        #r-product-plan .loop {
          gap: 6px;
        }
        #r-product-plan .larr {
          margin-bottom: 26px;
        }
      }
      #r-product-plan .nextcta {
        text-align: center;
      }
      #r-product-plan .nextcta .k {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-plan .nextcta h2 {
        margin: 14px 0 26px;
      }
      #r-product-plan .nextcta .row {
        display: flex;
        gap: 12px;
        justify-content: center;
      }
      /* product-create */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-product-create * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-product-create {
        scroll-behavior: smooth;
      }
      #r-product-create {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-product-create .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-product-create a {
        color: inherit;
        text-decoration: none;
      }
      #r-product-create nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-product-create .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-product-create .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-product-create .logo b {
        color: var(--grn);
      }
      #r-product-create .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-product-create .nlinks a:hover {
        color: var(--tx);
      }
      #r-product-create .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
        cursor: pointer;
      }
      #r-product-create .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-product-create .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-product-create .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-product-create section {
        padding: 92px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-product-create h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(42px, 5.4vw, 68px);
        line-height: 1.03;
        letter-spacing: -0.02em;
      }
      #r-product-create h1 em,
      #r-product-create h2 em,
      #r-product-create h3 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-product-create h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 46px);
        line-height: 1.07;
        letter-spacing: -0.01em;
      }
      #r-product-create .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 560px;
        margin-top: 20px;
      }
      #r-product-create footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 720px) {
        #r-product-create .nlinks {
          display: none;
        }
        #r-product-create .nav-in {
          padding: 14px 20px;
        }
        #r-product-create .wrap {
          padding: 0 22px;
        }
      }
      #r-product-create .spine-sec {
        padding: 20px 0;
        border-top: none;
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-create .spine {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
      }
      #r-product-create .step {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 9px 16px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
      }
      #r-product-create .step .sn {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-product-create .step .st {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--mut);
      }
      #r-product-create .step.done .sn,
      #r-product-create .step.done .st {
        color: var(--tx);
      }
      #r-product-create .step.on {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        box-shadow: 0 0 24px -6px rgba(61, 220, 132, 0.4);
      }
      #r-product-create .step.on .sn {
        color: var(--grn);
      }
      #r-product-create .step.on .st {
        color: var(--tx);
        font-weight: 500;
      }
      #r-product-create .sline {
        width: 46px;
        height: 1px;
        background: linear-gradient(90deg, var(--line2), var(--line));
        margin: 0 4px;
      }
      @media (max-width: 640px) {
        #r-product-create .sline {
          width: 20px;
        }
        #r-product-create .step {
          padding: 8px 12px;
        }
      }
      #r-product-create .phero {
        padding: 70px 0 60px;
        border-top: none;
      }
      #r-product-create .phero-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        gap: 52px;
        align-items: center;
      }
      #r-product-create .phero h1 {
        margin-top: 20px;
      }
      #r-product-create .phero .sub {
        margin-top: 22px;
      }
      #r-product-create .phero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-product-create .studio {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 20px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-create .studio-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 13px 16px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-create .studio-bar .dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--line2);
      }
      #r-product-create .studio-bar .tt {
        margin-left: 8px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.06em;
      }
      #r-product-create .studio-bar .live {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 3px 9px;
        border-radius: 20px;
      }
      #r-product-create .studio-body {
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: 0;
      }
      #r-product-create .brief {
        border-right: 1px solid var(--line);
        padding: 16px;
        background: rgba(0, 0, 0, 0.16);
      }
      #r-product-create .brief .bl {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      #r-product-create .brief .bbrand {
        display: flex;
        align-items: center;
        gap: 8px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--tx);
        padding: 8px 10px;
        border: 1px solid var(--line);
        border-radius: 9px;
        margin-bottom: 12px;
      }
      #r-product-create .brief .bbrand .bd {
        width: 16px;
        height: 16px;
        border-radius: 5px;
        background: linear-gradient(135deg, var(--grn), #0f3a24);
      }
      #r-product-create .brief .bprompt {
        font-size: 12px;
        color: var(--mut);
        line-height: 1.5;
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 10px;
        min-height: 78px;
      }
      #r-product-create .brief .bprompt b {
        color: var(--tx);
        font-weight: 600;
      }
      #r-product-create .brief .bgen {
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: var(--grn);
        color: #05130a;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 500;
        border-radius: 9px;
        padding: 10px;
      }
      #r-product-create .brief .bgen svg {
        width: 12px;
        height: 12px;
        fill: #05130a;
      }
      #r-product-create .outputs {
        padding: 16px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        background: radial-gradient(
          120% 120% at 85% 0%,
          rgba(61, 220, 132, 0.05),
          transparent 60%
        );
      }
      #r-product-create .ct {
        border: 1px solid var(--line);
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        background: var(--bg2);
      }
      #r-product-create .ct .cv {
        aspect-ratio: 4/5;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 11px;
        position: relative;
      }
      #r-product-create .ct .cv .fmt {
        position: absolute;
        top: 8px;
        left: 8px;
        font-family: var(--mono);
        font-size: 7.5px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #dfe7ec;
        background: rgba(0, 0, 0, 0.35);
        padding: 2px 6px;
        border-radius: 5px;
      }
      #r-product-create .ct .cv .pg {
        position: absolute;
        top: 7px;
        right: 8px;
        width: 16px;
        height: 16px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        background: rgba(0, 0, 0, 0.35);
      }
      #r-product-create .ct .cv .pg svg {
        width: 10px;
        height: 10px;
        fill: #fff;
      }
      #r-product-create .ct .cv .ttl {
        font-family: var(--serif);
        font-size: 16px;
        line-height: 1.06;
        color: #fff;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
      }
      #r-product-create .ct .cv .cap {
        font-family: var(--mono);
        font-size: 8px;
        color: rgba(255, 255, 255, 0.72);
        margin-top: 5px;
      }
      #r-product-create .ct .g1 {
        background: linear-gradient(150deg, #123227, #0b1a14);
      }
      #r-product-create .ct .g2 {
        background: linear-gradient(150deg, #2a2118, #140f0a);
      }
      #r-product-create .ct .g3 {
        background: linear-gradient(150deg, #141d2b, #0a0f16);
      }
      #r-product-create .ct .g4 {
        background: linear-gradient(150deg, #0f2a20, #0a1712);
      }
      #r-product-create .ct .g5 {
        background: linear-gradient(150deg, #241826, #120b13);
      }
      #r-product-create .ct .g6 {
        background: linear-gradient(150deg, #0e2530, #0a151b);
      }
      #r-product-create .ct .ob {
        position: absolute;
        top: 30px;
        right: 8px;
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.08em;
        color: var(--grn);
        background: rgba(5, 19, 10, 0.72);
        border: 1px solid rgba(61, 220, 132, 0.45);
        padding: 2px 6px;
        border-radius: 20px;
      }
      @media (max-width: 980px) {
        #r-product-create .phero-grid {
          grid-template-columns: 1fr;
        }
        #r-product-create .studio-body {
          grid-template-columns: 1fr;
        }
        #r-product-create .brief {
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
        #r-product-create .outputs {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      @media (max-width: 560px) {
        #r-product-create .outputs {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      #r-product-create .feat {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2px;
        border: 1px solid var(--line);
        border-radius: 18px;
        overflow: hidden;
        margin-top: 44px;
      }
      #r-product-create .fc {
        background: var(--bg2);
        padding: 34px 30px;
      }
      #r-product-create .fc .fi {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.25);
        display: grid;
        place-items: center;
        margin-bottom: 16px;
      }
      #r-product-create .fc .fi svg {
        width: 21px;
        height: 21px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-product-create .fc h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 9px;
      }
      #r-product-create .fc p {
        color: var(--mut);
        font-size: 15px;
      }
      @media (max-width: 760px) {
        #r-product-create .feat {
          grid-template-columns: 1fr;
        }
      }
      #r-product-create .varsec {
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-create .vrow {
        display: flex;
        gap: 16px;
        overflow: hidden;
        margin-top: 40px;
      }
      #r-product-create .vcard {
        flex: 1;
        min-width: 0;
        border: 1px solid var(--line2);
        border-radius: 14px;
        overflow: hidden;
        background: var(--bg2);
      }
      #r-product-create .vcard .vv {
        aspect-ratio: 1/1;
        display: flex;
        align-items: flex-end;
        padding: 14px;
        position: relative;
      }
      #r-product-create .vcard .vv .vt {
        font-family: var(--serif);
        font-size: 20px;
        color: #fff;
        line-height: 1.05;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
      }
      #r-product-create .vcard .vlab {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mut);
        padding: 10px 12px;
        border-top: 1px solid var(--line);
      }
      #r-product-create .gate {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-product-create .approval {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: var(--shadow);
        position: relative;
      }
      #r-product-create .ap-head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-product-create .ap-av {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
        display: grid;
        place-items: center;
        font-family: var(--serif);
        font-size: 15px;
        color: var(--grn2);
      }
      #r-product-create .ap-b {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
      }
      #r-product-create .ap-s {
        font-size: 10px;
        color: var(--faint);
        font-family: var(--mono);
        margin-top: 1px;
      }
      #r-product-create .ap-tag {
        margin-left: auto;
        align-self: flex-start;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.28);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-product-create .ap-media {
        aspect-ratio: 16/9;
        border-radius: 11px;
        position: relative;
        border: 1px solid var(--line);
        background: linear-gradient(150deg, #123227, #0b1a14);
        display: flex;
        align-items: flex-end;
        padding: 14px;
        overflow: hidden;
      }
      #r-product-create .ap-media .amt {
        font-family: var(--serif);
        font-size: 22px;
        color: #fff;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
      }
      #r-product-create .ap-stamp {
        position: absolute;
        top: 16px;
        right: 18px;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.14em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 9px;
        padding: 6px 13px;
        transform: rotate(-11deg);
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.28);
      }
      #r-product-create .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 14px 2px;
        line-height: 1.55;
      }
      #r-product-create .ap-cap b {
        color: var(--tx);
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
      }
      #r-product-create .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-product-create .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
      }
      #r-product-create .ap-hold {
        padding: 12px 20px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 10px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
      }
      #r-product-create .gate ul {
        list-style: none;
        margin-top: 18px;
      }
      #r-product-create .gate li {
        color: var(--mut);
        padding: 8px 0 8px 26px;
        position: relative;
      }
      #r-product-create .gate li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      @media (max-width: 820px) {
        #r-product-create .gate {
          grid-template-columns: 1fr;
        }
      }
      #r-product-create .nextcta {
        text-align: center;
      }
      #r-product-create .nextcta .k {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-create .nextcta h2 {
        margin: 14px 0 26px;
      }
      #r-product-create .nextcta .row {
        display: flex;
        gap: 12px;
        justify-content: center;
      }
      /* product-measure */
      :root {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-product-measure * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-product-measure {
        scroll-behavior: smooth;
      }
      #r-product-measure {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      #r-product-measure .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-product-measure a {
        color: inherit;
        text-decoration: none;
      }
      #r-product-measure nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(8, 9, 11, 0.72);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-product-measure .nav-in {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-product-measure .logo {
        font-family: var(--serif);
        font-size: 22px;
        letter-spacing: 0.02em;
      }
      #r-product-measure .logo b {
        color: var(--grn);
      }
      #r-product-measure .nlinks {
        display: flex;
        gap: 26px;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--mut);
      }
      #r-product-measure .nlinks a:hover {
        color: var(--tx);
      }
      #r-product-measure .btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font-family: var(--mono);
        font-size: 13px;
        background: var(--grn);
        color: #05130a;
        padding: 11px 18px;
        border-radius: 40px;
        font-weight: 500;
        cursor: pointer;
      }
      #r-product-measure .btn.ghost {
        background: none;
        border: 1px solid var(--line2);
        color: var(--tx);
      }
      #r-product-measure .ey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      #r-product-measure .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      #r-product-measure section {
        padding: 92px 0;
        border-top: 1px solid var(--line);
        position: relative;
      }
      #r-product-measure h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(42px, 5.4vw, 68px);
        line-height: 1.03;
        letter-spacing: -0.02em;
      }
      #r-product-measure h1 em,
      #r-product-measure h2 em,
      #r-product-measure h3 em {
        font-style: italic;
        color: var(--grn);
      }
      #r-product-measure h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(30px, 3.6vw, 46px);
        line-height: 1.07;
        letter-spacing: -0.01em;
      }
      #r-product-measure .sub {
        color: var(--mut);
        font-size: 18px;
        max-width: 560px;
        margin-top: 20px;
      }
      #r-product-measure footer {
        padding: 40px 0;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        text-align: center;
      }
      @media (max-width: 720px) {
        #r-product-measure .nlinks {
          display: none;
        }
        #r-product-measure .nav-in {
          padding: 14px 20px;
        }
        #r-product-measure .wrap {
          padding: 0 22px;
        }
      }
      #r-product-measure .spine-sec {
        padding: 20px 0;
        border-top: none;
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-measure .spine {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
      }
      #r-product-measure .step {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 9px 16px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
      }
      #r-product-measure .step .sn {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
      }
      #r-product-measure .step .st {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--mut);
      }
      #r-product-measure .step.done .sn,
      #r-product-measure .step.done .st {
        color: var(--tx);
      }
      #r-product-measure .step.on {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        box-shadow: 0 0 24px -6px rgba(61, 220, 132, 0.4);
      }
      #r-product-measure .step.on .sn {
        color: var(--grn);
      }
      #r-product-measure .step.on .st {
        color: var(--tx);
        font-weight: 500;
      }
      #r-product-measure .sline {
        width: 46px;
        height: 1px;
        background: linear-gradient(90deg, var(--line2), var(--line));
        margin: 0 4px;
      }
      @media (max-width: 640px) {
        #r-product-measure .sline {
          width: 20px;
        }
        #r-product-measure .step {
          padding: 8px 12px;
        }
      }
      #r-product-measure .phero {
        padding: 70px 0 60px;
        border-top: none;
      }
      #r-product-measure .phero-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        gap: 52px;
        align-items: center;
      }
      #r-product-measure .phero h1 {
        margin-top: 20px;
      }
      #r-product-measure .phero .sub {
        margin-top: 22px;
      }
      #r-product-measure .phero-cta {
        display: flex;
        gap: 12px;
        margin-top: 30px;
      }
      #r-product-measure .dash {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 20px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-measure .dash-bar {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 13px 16px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-measure .dash-bar .lv {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--grn);
      }
      #r-product-measure .dash-bar .lv .pulse {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 0 0 rgba(61, 220, 132, 0.5);
        animation: r-product-measure_pl 1.8s infinite;
      }
      @keyframes r-product-measure_pl {
        0% {
          box-shadow: 0 0 0 0 rgba(61, 220, 132, 0.5);
        }
        70% {
          box-shadow: 0 0 0 7px rgba(61, 220, 132, 0);
        }
        100% {
          box-shadow: 0 0 0 0 rgba(61, 220, 132, 0);
        }
      }
      #r-product-measure .dash-bar .clock {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 10px;
        color: var(--faint);
      }
      #r-product-measure .dash-body {
        display: grid;
        grid-template-columns: 1fr 300px;
      }
      #r-product-measure .queue {
        border-right: 1px solid var(--line);
        padding: 6px 0;
      }
      #r-product-measure .qrow {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 12px 16px;
        border-top: 1px solid var(--line);
      }
      #r-product-measure .qrow:first-child {
        border-top: none;
      }
      #r-product-measure .qrow .qg {
        width: 24px;
        height: 24px;
        border-radius: 7px;
        background: rgba(233, 240, 244, 0.06);
        border: 1px solid var(--line);
        display: grid;
        place-items: center;
        flex: none;
      }
      #r-product-measure .qrow .qg svg {
        width: 12px;
        height: 12px;
        fill: var(--mut);
      }
      #r-product-measure .qrow .qt {
        flex: 1;
        min-width: 0;
      }
      #r-product-measure .qrow .qn {
        font-size: 12.5px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      #r-product-measure .qrow .qm {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--faint);
        margin-top: 2px;
      }
      #r-product-measure .qp {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 3px 9px;
        border-radius: 20px;
        flex: none;
      }
      #r-product-measure .qp.live {
        color: var(--grn);
        background: rgba(61, 220, 132, 0.14);
        border: 1px solid rgba(61, 220, 132, 0.3);
      }
      #r-product-measure .qp.pubn {
        color: #ffd27a;
        background: rgba(255, 196, 84, 0.1);
        border: 1px solid rgba(255, 196, 84, 0.25);
      }
      #r-product-measure .qp.q {
        color: var(--faint);
        background: rgba(233, 240, 244, 0.04);
        border: 1px solid var(--line);
      }
      #r-product-measure .dstats {
        padding: 14px;
      }
      #r-product-measure .dtile {
        border: 1px solid var(--line);
        border-radius: 11px;
        padding: 12px 13px;
        margin-bottom: 10px;
        background: rgba(0, 0, 0, 0.16);
      }
      #r-product-measure .dtile .dl {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-measure .dtile .dv {
        font-family: var(--serif);
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        margin-top: 5px;
      }
      #r-product-measure .dtile .dv .du {
        font-size: 14px;
        color: var(--mut);
      }
      #r-product-measure .dtile .dd {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        margin-top: 4px;
      }
      #r-product-measure .dchart {
        border: 1px solid var(--line);
        border-radius: 11px;
        padding: 12px;
        background: rgba(0, 0, 0, 0.16);
      }
      #r-product-measure .dchart .dl {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      @media (max-width: 980px) {
        #r-product-measure .phero-grid {
          grid-template-columns: 1fr;
        }
        #r-product-measure .dash-body {
          grid-template-columns: 1fr;
        }
        #r-product-measure .queue {
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
      }
      #r-product-measure .loopband {
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.05),
          transparent
        );
        text-align: center;
      }
      #r-product-measure .loop {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        margin: 44px 0 4px;
      }
      #r-product-measure .lnode {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 160px;
      }
      #r-product-measure .lnode .lc {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid var(--line2);
        background: var(--bg2);
        display: grid;
        place-items: center;
      }
      #r-product-measure .lnode .lc svg {
        width: 24px;
        height: 24px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-product-measure .lnode span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--mut);
        letter-spacing: 0.04em;
      }
      #r-product-measure .lnode small {
        font-family: var(--sans);
        font-size: 12px;
        color: var(--faint);
        max-width: 140px;
      }
      #r-product-measure .larr {
        color: var(--faint);
        font-size: 20px;
        margin: 18px -8px 0;
      }
      @media (max-width: 820px) {
        #r-product-measure .phero-cta {
          flex-wrap: wrap;
        }
        #r-product-measure .loop {
          gap: 8px;
        }
        #r-product-measure .larr {
          margin-bottom: 40px;
        }
      }
      #r-product-measure .split {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: center;
      }
      #r-product-measure .report {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-measure .rep-h {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 18px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-measure .rep-h .rt {
        font-family: var(--serif);
        font-size: 17px;
      }
      #r-product-measure .rep-h .rtag {
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 3px 9px;
        border-radius: 20px;
      }
      #r-product-measure .rep-body {
        padding: 18px;
      }
      #r-product-measure .rep-sum {
        font-size: 14px;
        color: var(--tx);
        line-height: 1.6;
      }
      #r-product-measure .rep-sum b {
        color: var(--grn2);
        font-weight: 600;
      }
      #r-product-measure .rep-kpi {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 16px;
      }
      #r-product-measure .rk {
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 11px;
      }
      #r-product-measure .rk .rl {
        font-family: var(--mono);
        font-size: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-measure .rk .rv {
        font-family: var(--serif);
        font-size: 22px;
        margin-top: 4px;
      }
      #r-product-measure .rk .rd {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        margin-top: 2px;
      }
      #r-product-measure .split ul {
        list-style: none;
        margin-top: 18px;
      }
      #r-product-measure .split li {
        color: var(--mut);
        padding: 8px 0 8px 26px;
        position: relative;
      }
      #r-product-measure .split li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 11px;
        height: 8px;
        border-left: 2px solid var(--grn);
        border-bottom: 2px solid var(--grn);
        transform: rotate(-45deg);
      }
      @media (max-width: 820px) {
        #r-product-measure .split {
          grid-template-columns: 1fr;
        }
      }
      #r-product-measure .chatsec {
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.04),
          transparent
        );
      }
      #r-product-measure .chat {
        max-width: 680px;
        margin: 40px auto 0;
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      #r-product-measure .chat-h {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 18px;
        border-bottom: 1px solid var(--line);
      }
      #r-product-measure .chat-h .ca {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        display: grid;
        place-items: center;
        font-family: var(--serif);
        color: var(--grn2);
        font-size: 14px;
      }
      #r-product-measure .chat-h .cn {
        font-size: 13px;
        font-weight: 600;
      }
      #r-product-measure .chat-h .cs {
        font-family: var(--mono);
        font-size: 9px;
        color: var(--grn);
        margin-left: auto;
      }
      #r-product-measure .chat-body {
        padding: 18px;
      }
      #r-product-measure .msg {
        max-width: 80%;
        padding: 12px 15px;
        border-radius: 14px;
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 14px;
      }
      #r-product-measure .msg.u {
        margin-left: auto;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.24);
        border-bottom-right-radius: 4px;
      }
      #r-product-measure .msg.a {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-bottom-left-radius: 4px;
        color: var(--mut);
      }
      #r-product-measure .msg.a b {
        color: var(--tx);
        font-weight: 600;
      }
      #r-product-measure .msg.a .nx {
        display: block;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid var(--line);
        color: var(--grn2);
        font-family: var(--mono);
        font-size: 12px;
      }
      #r-product-measure .nextcta {
        text-align: center;
      }
      #r-product-measure .nextcta .k {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-product-measure .nextcta h2 {
        margin: 14px 0 26px;
      }
      #r-product-measure .nextcta .row {
        display: flex;
        gap: 12px;
        justify-content: center;
      }
      /* v3 home */
      #r-home {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel: #0f141a;
        --panel2: #131a22;
        --panel3: #182029;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --grn-deep: #1c9e56;
        --amber: #e6b566;
        --blue: #6aa9f0;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --ease: cubic-bezier(0.22, 1, 0.36, 1);
      }
      #r-home * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-home {
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
      }
      #r-home {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        overflow-x: hidden;
        letter-spacing: 0.01em;
      }
      #r-home ::selection {
        background: var(--grn);
        color: #04140b;
      }
      #r-home a {
        color: inherit;
        text-decoration: none;
      }
      #r-home img {
        display: block;
        max-width: 100%;
      }
      #r-home .grain {
        position: fixed;
        inset: -50%;
        width: 200%;
        height: 200%;
        pointer-events: none;
        z-index: 9998;
        opacity: 0.04;
        mix-blend-mode: screen;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      }
      #r-home .cur,
      #r-home .cur-d {
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 10000;
        border-radius: 50%;
        mix-blend-mode: difference;
      }
      #r-home .cur {
        width: 32px;
        height: 32px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        transform: translate(-50%, -50%);
        transition:
          width 0.3s var(--ease),
          height 0.3s var(--ease);
      }
      #r-home .cur-d {
        width: 5px;
        height: 5px;
        background: #fff;
        transform: translate(-50%, -50%);
      }
      #r-home .cur.big {
        width: 66px;
        height: 66px;
        background: rgba(255, 255, 255, 0.05);
        border-color: transparent;
      }
      #r-home body.touch .cur,
      #r-home body.touch .cur-d {
        display: none;
      }
      #r-home .wrap {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-home .ey {
        font-family: var(--mono);
        font-size: 11.5px;
        letter-spacing: 0.26em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
      }
      #r-home .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        background: var(--grn);
        border-radius: 50%;
        box-shadow: 0 0 10px var(--grn);
      }
      #r-home .ey.mut {
        color: var(--faint);
      }
      #r-home .ey.mut::before {
        background: var(--faint);
        box-shadow: none;
      }
      #r-home em {
        font-family: var(--serif);
        font-style: italic;
        font-weight: 340;
      }
      #r-home nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        transition: 0.4s;
        border-bottom: 1px solid transparent;
      }
      #r-home nav.on {
        background: rgba(8, 9, 11, 0.75);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-home .nav-in {
        max-width: 1280px;
        margin: 0 auto;
        padding: 18px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-home .logo {
        font-family: var(--serif);
        font-size: 23px;
        font-weight: 500;
        letter-spacing: 0.02em;
      }
      #r-home .logo b {
        color: var(--grn);
      }
      #r-home .nlinks {
        display: flex;
        gap: 36px;
      }
      #r-home .nlinks a {
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--mut);
        position: relative;
        padding: 4px 0;
        transition: 0.3s;
      }
      #r-home .nlinks a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: var(--grn);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s var(--ease);
      }
      #r-home .nlinks a:hover {
        color: var(--tx);
      }
      #r-home .nlinks a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }
      #r-home .btn {
        font-family: var(--mono);
        font-size: 12.5px;
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
        padding: 11px 20px;
        border-radius: 100px;
        border: 1px solid var(--line2);
        color: var(--tx);
        transition: 0.35s var(--ease);
        cursor: pointer;
        background: none;
      }
      #r-home .btn .circ {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--grn);
        display: grid;
        place-items: center;
        transition: 0.35s var(--ease);
      }
      #r-home .btn .circ svg {
        width: 10px;
        height: 10px;
        stroke: #05130a;
        stroke-width: 2;
        fill: none;
      }
      #r-home .btn:hover {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-home .btn:hover .circ {
        background: #05130a;
      }
      #r-home .btn:hover .circ svg {
        stroke: var(--grn);
      }
      #r-home .btn.ghost .circ {
        display: none;
      }
      #r-home .btn.solid {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-home .btn.solid .circ {
        background: #05130a;
      }
      #r-home .btn.solid .circ svg {
        stroke: var(--grn);
      }
      #r-home .hero {
        position: relative;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 135px 0 0;
        overflow: hidden;
      }
      #r-home .hero-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #r-home .hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 22% 58%;
      }
      #r-home .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
          linear-gradient(
            180deg,
            rgba(8, 9, 11, 0.5) 0%,
            rgba(8, 9, 11, 0.12) 22%,
            transparent 42%
          ),
          linear-gradient(
            90deg,
            rgba(8, 9, 11, 0.9) 0%,
            rgba(8, 9, 11, 0.78) 30%,
            rgba(8, 9, 11, 0.35) 48%,
            transparent 62%
          );
      }
      #r-home .hero-in {
        position: relative;
        z-index: 2;
        width: 100%;
      }
      #r-home .hero .h1 {
        max-width: 12ch;
      }
      #r-home .hero .sub {
        max-width: 34ch;
      }
      #r-home .h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.7rem, 5.6vw, 4.9rem);
        line-height: 0.98;
        letter-spacing: -0.022em;
        margin: 22px 0 0;
      }
      #r-home .h1 .ln {
        display: block;
        overflow: hidden;
      }
      #r-home .h1 .ln > span {
        display: block;
        transform: translateY(105%);
        transition: transform 1s var(--ease);
      }
      #r-home .reveal-hero .h1 .ln > span {
        transform: none;
      }
      #r-home .sub {
        max-width: 520px;
        margin: 24px 0 0;
        font-size: clamp(1rem, 1.2vw, 1.16rem);
        color: var(--mut);
      }
      #r-home .sub b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-home .hero-cta {
        display: flex;
        gap: 14px;
        align-items: center;
        margin-top: 32px;
        flex-wrap: wrap;
      }
      #r-home .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      #r-home .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      #r-home .trustline b {
        color: var(--tx);
      }
      #r-home .eyhero,
      #r-home .fade-up {
        opacity: 0;
        transform: translateY(16px);
        transition: 0.9s var(--ease);
      }
      #r-home .reveal-hero .eyhero,
      #r-home .reveal-hero .fade-up {
        opacity: 1;
        transform: none;
      }
      #r-home .reveal-hero .fade-up.d1 {
        transition-delay: 0.45s;
      }
      #r-home .reveal-hero .fade-up.d2 {
        transition-delay: 0.57s;
      }
      #r-home .reveal-hero .fade-up.d3 {
        transition-delay: 0.69s;
      }
      #r-home .mock {
        position: relative;
        z-index: 2;
      }
      #r-home .app {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow:
          0 40px 90px -30px rgba(0, 0, 0, 0.8),
          0 0 0 1px rgba(61, 220, 132, 0.04);
        overflow: hidden;
        transform: perspective(1600px) rotateY(-6deg) rotateX(2deg);
        transition: transform 0.8s var(--ease);
      }
      #r-home .reveal-hero .app {
        transform: perspective(1600px) rotateY(-3deg) rotateX(1deg);
      }
      #r-home .app-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 11px 14px;
        border-bottom: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.02);
      }
      #r-home .dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #2a333d;
      }
      #r-home .dot.r {
        background: #e06a5a;
      }
      #r-home .dot.y {
        background: #e0b45a;
      }
      #r-home .dot.g {
        background: #5ad07a;
      }
      #r-home .app-url {
        margin-left: 10px;
        font-family: var(--mono);
        font-size: 10.5px;
        color: var(--faint);
        background: rgba(0, 0, 0, 0.3);
        padding: 4px 12px;
        border-radius: 6px;
      }
      #r-home .app-body {
        display: grid;
        grid-template-columns: 130px 1fr;
      }
      #r-home .side {
        border-right: 1px solid var(--line);
        padding: 16px 12px;
        display: flex;
        flex-direction: column;
        gap: 3px;
        background: rgba(0, 0, 0, 0.15);
      }
      #r-home .side .sl {
        font-family: var(--serif);
        font-size: 16px;
        padding: 2px 8px 12px;
        font-weight: 500;
      }
      #r-home .side .sl b {
        color: var(--grn);
      }
      #r-home .side a {
        font-size: 12px;
        color: var(--mut);
        padding: 8px 10px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-home .side a .sd {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        background: #2c363f;
      }
      #r-home .side a.on {
        background: rgba(61, 220, 132, 0.1);
        color: var(--tx);
      }
      #r-home .side a.on .sd {
        background: var(--grn);
      }
      #r-home .side a:hover {
        color: var(--tx);
        background: rgba(255, 255, 255, 0.03);
      }
      #r-home .main {
        padding: 18px 20px 22px;
        min-height: 340px;
      }
      #r-home .main .mh {
        font-size: 11px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.05em;
      }
      #r-home .main .mt {
        font-family: var(--serif);
        font-size: 19px;
        margin: 2px 0 16px;
        font-weight: 400;
      }
      #r-home .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
      }
      #r-home .stat {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 11px 12px;
      }
      #r-home .stat .sk {
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
        font-family: var(--mono);
      }
      #r-home .stat .sv {
        font-family: var(--serif);
        font-size: 22px;
        margin-top: 4px;
        font-weight: 400;
      }
      #r-home .stat .sc {
        font-size: 10px;
        color: var(--grn);
        margin-top: 2px;
      }
      #r-home .panel-row {
        display: grid;
        grid-template-columns: 1.35fr 1fr;
        gap: 12px;
        margin-top: 12px;
      }
      #r-home .chart {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 14px 10px;
      }
      #r-home .chart .ck {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.05em;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
      }
      #r-home .bars {
        display: flex;
        align-items: flex-end;
        gap: 7px;
        height: 96px;
      }
      #r-home .bar {
        flex: 1;
        background: linear-gradient(180deg, var(--grn), var(--grn-deep));
        border-radius: 4px 4px 0 0;
        height: 0;
        transition: height 1s var(--ease);
        opacity: 0.9;
      }
      #r-home .reveal.in .bar,
      #r-home .go .bar {
        height: var(--h);
      }
      #r-home .list {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 12px 12px;
      }
      #r-home .list .lk {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        margin-bottom: 8px;
      }
      #r-home .lrow {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 7px 0;
        border-top: 1px solid var(--line);
      }
      #r-home .lrow:first-of-type {
        border-top: none;
      }
      #r-home .lav {
        width: 22px;
        height: 22px;
        border-radius: 6px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
      }
      #r-home .lrow .ln1 {
        font-size: 11px;
      }
      #r-home .lrow .ln2 {
        font-size: 9.5px;
        color: var(--faint);
      }
      #r-home .lscore {
        margin-left: auto;
        font-size: 10px;
        font-family: var(--mono);
        color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        padding: 2px 7px;
        border-radius: 6px;
      }
      #r-home .notif {
        position: absolute;
        z-index: 5;
        background: rgba(14, 20, 27, 0.94);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 13px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.9);
        display: flex;
        gap: 10px;
        align-items: flex-start;
        max-width: 245px;
      }
      #r-home .notif .ni {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        background: rgba(61, 220, 132, 0.14);
        display: grid;
        place-items: center;
        flex: none;
      }
      #r-home .notif .ni svg {
        width: 13px;
        height: 13px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      #r-home .notif .nt {
        font-size: 11.5px;
        font-weight: 500;
        line-height: 1.3;
      }
      #r-home .notif .ns {
        font-size: 10px;
        color: var(--faint);
        margin-top: 2px;
      }
      #r-home .n1 {
        top: 14%;
        left: -42px;
        animation: r-home_fl 6s var(--ease) infinite;
      }
      #r-home .n2 {
        bottom: 20%;
        right: -38px;
        animation: r-home_fl 7s var(--ease) infinite 0.8s;
      }
      #r-home .n3 {
        bottom: -22px;
        left: 14%;
        animation: r-home_fl 6.5s var(--ease) infinite 0.4s;
      }
      @keyframes r-home_fl {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-9px);
        }
      }
      #r-home .marquee {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        padding: 18px 0;
        overflow: hidden;
        white-space: nowrap;
        background: var(--bg2);
      }
      #r-home .mq {
        display: inline-flex;
        gap: 32px;
        align-items: center;
        animation: r-home_mq 34s linear infinite;
      }
      #r-home .mq span {
        font-family: var(--serif);
        font-style: italic;
        font-size: 22px;
        color: var(--mut);
      }
      #r-home .mq b {
        color: var(--grn);
        font-size: 9px;
      }
      #r-home .marquee:hover .mq {
        animation-play-state: paused;
      }
      @keyframes r-home_mq {
        to {
          transform: translateX(-50%);
        }
      }
      #r-home .sec {
        padding: 110px 0;
        position: relative;
      }
      #r-home .sechead {
        max-width: 760px;
        display: flex;
        flex-direction: column;
        gap: 18px;
      }
      #r-home .sectitle {
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.4vw, 3.5rem);
        line-height: 1.03;
        letter-spacing: -0.018em;
      }
      #r-home .reveal [data-r] {
        opacity: 0;
        transform: translateY(24px);
        transition: 0.85s var(--ease);
      }
      #r-home .reveal.in [data-r] {
        opacity: 1;
        transform: none;
      }
      #r-home .reveal.in [data-r].s2 {
        transition-delay: 0.1s;
      }
      #r-home .reveal.in [data-r].s3 {
        transition-delay: 0.2s;
      }
      #r-home .manifesto {
        border-top: 1px solid var(--line);
      }
      #r-home .mani-grid {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 56px;
        align-items: center;
      }
      #r-home .mani-quote {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.8vw, 4rem);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-home .mani-quote em {
        color: var(--grn);
      }
      #r-home .mani-body {
        color: var(--mut);
        margin-top: 26px;
        max-width: 460px;
      }
      #r-home .mani-body b {
        color: var(--tx);
      }
      #r-home .imgwrap {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      #r-home .imgwrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: saturate(0.92) contrast(1.02);
      }
      #r-home .imgwrap::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 40%,
          rgba(8, 9, 11, 0.55)
        );
      }
      #r-home .imgtag {
        position: absolute;
        left: 16px;
        bottom: 14px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: #dfe6ec;
      }
      #r-home .feature {
        display: grid;
        grid-template-columns: 1fr 1.08fr;
        gap: 60px;
        align-items: center;
        padding: 64px 0;
        border-top: 1px solid var(--line);
      }
      #r-home .feature.rev {
        grid-template-columns: 1.08fr 1fr;
      }
      #r-home .feature.rev .fcopy {
        order: 2;
      }
      #r-home .fk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 16px;
      }
      #r-home .ftitle {
        font-family: var(--serif);
        font-weight: 350;
        font-size: clamp(1.7rem, 3vw, 2.5rem);
        line-height: 1.05;
        letter-spacing: -0.01em;
        margin-bottom: 16px;
      }
      #r-home .fcopy p {
        color: var(--mut);
        max-width: 440px;
      }
      #r-home .fchecks {
        list-style: none;
        margin-top: 22px;
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      #r-home .fchecks li {
        display: flex;
        align-items: center;
        gap: 11px;
        font-size: 14.5px;
        color: var(--tx);
      }
      #r-home .fchecks svg {
        width: 16px;
        height: 16px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2.2;
        flex: none;
      }
      #r-home .approval {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        position: relative;
        max-width: 420px;
        margin-left: auto;
      }
      #r-home .ap-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
      }
      #r-home .ap-av {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
      }
      #r-home .ap-b {
        font-size: 13px;
        font-weight: 600;
      }
      #r-home .ap-s {
        font-size: 10.5px;
        color: var(--faint);
        font-family: var(--mono);
      }
      #r-home .ap-tag {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-home .ap-media {
        height: 150px;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
      }
      #r-home .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      #r-home .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 13px 2px;
        line-height: 1.5;
      }
      #r-home .ap-cap b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-home .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-home .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 9px;
        padding: 11px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
        transition: 0.25s;
      }
      #r-home .ap-approve:hover {
        background: var(--grn2);
      }
      #r-home .ap-hold {
        padding: 11px 18px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 9px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-home .ap-hold:hover {
        color: var(--tx);
        border-color: var(--line2);
      }
      #r-home .stamp {
        position: absolute;
        top: 56px;
        right: 22px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.1em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 10px;
        padding: 7px 14px;
        transform: rotate(-11deg) scale(0.6);
        opacity: 0;
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.3);
      }
      #r-home .reveal.in .stamp {
        animation: r-home_stampIn 0.6s var(--ease) 1s forwards;
      }
      @keyframes r-home_stampIn {
        to {
          opacity: 1;
          transform: rotate(-11deg) scale(1);
        }
      }
      #r-home .cal {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-home .cal-h {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 14px;
      }
      #r-home .cal-h .cm {
        font-family: var(--serif);
        font-size: 17px;
      }
      #r-home .cal-h .cl {
        font-family: var(--mono);
        font-size: 9.5px;
        color: var(--faint);
        display: flex;
        gap: 12px;
      }
      #r-home .cal-h .cl i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 5px;
      }
      #r-home .cal-h .cl i::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: var(--grn);
      }
      #r-home .cl .cb::before {
        background: var(--blue) !important;
      }
      #r-home .cl .ca::before {
        background: var(--amber) !important;
      }
      #r-home .cal-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 6px;
      }
      #r-home .cell {
        aspect-ratio: 1;
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 5px;
        font-size: 8.5px;
        color: var(--faint);
        position: relative;
        font-family: var(--mono);
      }
      #r-home .cell .cc {
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 5px;
        height: 15px;
        border-radius: 4px;
        font-size: 7.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #05130a;
        font-weight: 600;
        letter-spacing: 0.03em;
        opacity: 0;
        transform: translateY(4px);
        transition: 0.5s var(--ease);
      }
      #r-home .reveal.in .cell .cc {
        opacity: 1;
        transform: none;
      }
      #r-home .cc.reel {
        background: var(--grn);
      }
      #r-home .cc.car {
        background: var(--blue);
      }
      #r-home .cc.stat {
        background: var(--amber);
      }
      #r-home .report {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 20px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-home .rep-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-bottom: 16px;
      }
      #r-home .rep-stats .stat .sv {
        font-size: 26px;
      }
      #r-home .band {
        position: relative;
        min-height: 520px;
        display: flex;
        align-items: flex-end;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        overflow: hidden;
      }
      #r-home .band .bimg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #r-home .band .bimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) brightness(0.7);
      }
      #r-home .band::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
          90deg,
          rgba(8, 9, 11, 0.92) 0%,
          rgba(8, 9, 11, 0.55) 45%,
          rgba(8, 9, 11, 0.35) 100%
        );
      }
      #r-home .band-in {
        position: relative;
        z-index: 2;
        padding: 64px 0 60px;
      }
      #r-home .band-q {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 4.4vw, 3.6rem);
        line-height: 1.05;
        max-width: 16ch;
        letter-spacing: -0.018em;
      }
      #r-home .band-q em {
        color: var(--grn);
      }
      #r-home .band-s {
        color: var(--mut);
        margin-top: 20px;
        max-width: 440px;
      }
      #r-home .who-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        margin-top: 60px;
        border-top: 1px solid var(--line2);
      }
      #r-home .who-col {
        padding: 42px 42px 42px 0;
        border-right: 1px solid var(--line);
      }
      #r-home .who-col:last-child {
        padding: 42px 0 42px 42px;
        border-right: none;
      }
      #r-home .who-col .wk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 18px;
      }
      #r-home .who-col h3 {
        font-family: var(--serif);
        font-weight: 360;
        font-size: 1.8rem;
        margin-bottom: 14px;
      }
      #r-home .who-col p {
        color: var(--mut);
        max-width: 420px;
      }
      #r-home .gate-pts {
        display: flex;
        margin-top: 56px;
        border-top: 1px solid var(--line);
      }
      #r-home .gate-pts div {
        flex: 1;
        padding: 24px 28px 0 0;
        border-right: 1px solid var(--line);
        color: var(--mut);
        font-size: 0.96rem;
      }
      #r-home .gate-pts div:last-child {
        border-right: none;
        padding-right: 0;
      }
      #r-home .gate-pts .gk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--grn);
        text-transform: uppercase;
        display: block;
        margin-bottom: 12px;
      }
      #r-home .price {
        background: var(--bg2);
        border-top: 1px solid var(--line);
      }
      #r-home .price-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 56px;
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
      }
      #r-home .pcard {
        padding: 32px 26px;
        border-right: 1px solid var(--line);
        transition: 0.4s var(--ease);
      }
      #r-home .pcard:last-child {
        border-right: none;
      }
      #r-home .pcard:hover {
        background: rgba(61, 220, 132, 0.04);
      }
      #r-home .pcard.feat {
        background: rgba(61, 220, 132, 0.05);
      }
      #r-home .pcard .pn {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-home .pcard .pp {
        font-family: var(--serif);
        font-size: 2.2rem;
        font-weight: 360;
        margin: 16px 0 3px;
      }
      #r-home .pcard .pp small {
        font-size: 0.85rem;
        color: var(--faint);
        font-family: var(--sans);
      }
      #r-home .pcard .pt {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        color: var(--grn);
        text-transform: uppercase;
      }
      #r-home .pcard .pd {
        color: var(--mut);
        font-size: 0.9rem;
        line-height: 1.5;
        margin-top: 12px;
        min-height: 88px;
      }
      #r-home .price-note {
        margin-top: 24px;
        color: var(--faint);
        font-size: 0.9rem;
        font-family: var(--mono);
      }
      #r-home .close {
        padding: 130px 0 0;
        text-align: center;
      }
      #r-home .close .big {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.2vw, 3.6rem);
        line-height: 0.96;
        letter-spacing: -0.025em;
      }
      #r-home .close .big em {
        color: var(--grn);
      }
      #r-home .capture {
        display: flex;
        gap: 10px;
        max-width: 470px;
        margin: 44px auto 0;
        border: 1px solid var(--line2);
        border-radius: 100px;
        padding: 7px 7px 7px 24px;
        transition: 0.35s;
      }
      #r-home .capture:focus-within {
        border-color: var(--grn);
      }
      #r-home .capture input {
        flex: 1;
        background: none;
        border: none;
        outline: none;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 15px;
      }
      #r-home .capture input::placeholder {
        color: var(--faint);
      }
      #r-home .capture button {
        font-family: var(--mono);
        font-size: 12.5px;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 100px;
        padding: 12px 22px;
        cursor: pointer;
        transition: 0.3s;
      }
      #r-home .capture button:hover {
        background: var(--grn2);
      }
      #r-home .capnote {
        margin-top: 15px;
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-home footer {
        margin-top: 130px;
        border-top: 1px solid var(--line);
        padding: 60px 0 40px;
      }
      #r-home .foot-top {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        flex-wrap: wrap;
        align-items: flex-start;
      }
      #r-home .foot-mark {
        font-family: var(--serif);
        font-size: clamp(3rem, 12vw, 9rem);
        line-height: 0.8;
        font-weight: 400;
      }
      #r-home .foot-mark b {
        color: var(--grn);
      }
      #r-home .foot-links {
        display: flex;
        gap: 56px;
        flex-wrap: wrap;
      }
      #r-home .foot-col {
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      #r-home .foot-col .fh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 5px;
      }
      #r-home .foot-col a {
        color: var(--mut);
        font-size: 14px;
        transition: 0.3s;
      }
      #r-home .foot-col a:hover {
        color: var(--grn);
      }
      #r-home .foot-bot {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        padding-top: 22px;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 11px;
        flex-wrap: wrap;
        gap: 12px;
      }
      @media (max-width: 980px) {
        #r-home .wrap,
        #r-home .nav-in {
          padding-left: 22px;
          padding-right: 22px;
        }
        #r-home .nlinks {
          display: none;
        }
        #r-home .hero-grid {
          grid-template-columns: minmax(0, 1fr);
          gap: 54px;
        }
        #r-home .hero-in {
          max-width: 100%;
        }
        #r-home .hero-figure {
          height: auto;
          width: 78%;
          right: -8%;
          bottom: 0;
          opacity: 0.22;
        }
        #r-home #cmdapp .main {
          min-height: 440px;
        }
        #r-home .hero-grid > *,
        #r-home .feature > *,
        #r-home .mani-grid > *,
        #r-home .mock,
        #r-home .fcopy {
          min-width: 0;
          max-width: 100%;
        }
        #r-home .app {
          transform: none;
          width: 100%;
        }
        #r-home .reveal-hero .app {
          transform: none;
        }
        #r-home .app-body {
          grid-template-columns: 108px 1fr;
        }
        #r-home .panel-row {
          grid-template-columns: 1fr;
        }
        #r-home .approval {
          margin: 0;
          max-width: 100%;
        }
        #r-home .mani-grid {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        #r-home .feature,
        #r-home .feature.rev {
          grid-template-columns: minmax(0, 1fr);
          gap: 34px;
        }
        #r-home .feature.rev .fcopy {
          order: 0;
        }
        #r-home .gate-pts {
          flex-direction: column;
        }
        #r-home .gate-pts div {
          border-right: none;
          border-bottom: 1px solid var(--line);
          padding: 20px 0;
        }
        #r-home .who-grid {
          grid-template-columns: 1fr;
        }
        #r-home .who-col,
        #r-home .who-col:last-child {
          padding: 32px 0;
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
        #r-home .price-grid {
          grid-template-columns: 1fr 1fr;
        }
        #r-home .pcard:nth-child(2n) {
          border-right: none;
        }
        #r-home .stats {
          grid-template-columns: repeat(2, 1fr);
        }
        #r-home .notif {
          display: none;
        }
        #r-home .sec {
          padding: 80px 0;
        }
      }
      @media (max-width: 560px) {
        #r-home .price-grid {
          grid-template-columns: 1fr;
        }
        #r-home .stats {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #r-home * {
          animation-duration: 0.001s !important;
          transition-duration: 0.001s !important;
        }
        #r-home .h1 .ln > span {
          transform: none;
        }
        #r-home [data-r],
        #r-home .fade-up,
        #r-home .eyhero {
          opacity: 1 !important;
          transform: none !important;
        }
      }
      #r-home .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      #r-home .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      #r-home .trustline b {
        color: var(--tx);
      }
      #r-home .integ {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: var(--bg2);
        padding: 34px 0;
      }
      #r-home .integ .ik {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--faint);
        text-align: center;
        margin-bottom: 20px;
      }
      #r-home .ilogos {
        display: flex;
        justify-content: center;
        gap: 14px 40px;
        flex-wrap: wrap;
      }
      #r-home .ilogos span {
        font-family: var(--serif);
        font-size: 20px;
        color: var(--mut);
        opacity: 0.65;
        transition: 0.3s var(--ease);
        cursor: default;
      }
      #r-home .ilogos span:hover {
        opacity: 1;
        color: var(--tx);
      }
      #r-home .hero {
        min-height: 92vh;
        display: flex;
        align-items: center;
        padding: 120px 0 70px;
      }
      #r-home .hero-in {
        position: relative;
        z-index: 2;
      }
      #r-home .hero-figure {
        position: absolute;
        right: 1.5%;
        bottom: 0;
        height: 84%;
        z-index: 1;
        pointer-events: none;
        -webkit-mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
        -webkit-mask-composite: source-in;
        mask-composite: intersect;
        mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
      }
      #r-home .hero-figure img {
        height: 100%;
        width: auto;
        object-fit: contain;
        object-position: bottom right;
        filter: saturate(0.96) contrast(1.02);
      }
      #r-home .screen {
        position: absolute;
        inset: 18px 20px;
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.6s var(--ease),
          transform 0.6s var(--ease);
        pointer-events: none;
      }
      #r-home .screen.on {
        opacity: 1;
        transform: none;
        pointer-events: auto;
      }
      #r-home .wimg {
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 22px;
        aspect-ratio: 16/10;
        border: 1px solid var(--line2);
        position: relative;
      }
      #r-home .wimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) contrast(1.02);
      }
      #r-home .wimg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(8, 9, 11, 0.5)
        );
      }
      #r-home #aurora,
      #r-home #fx {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
      }
      #r-home #aurora {
        z-index: 0;
        filter: blur(30px);
        opacity: 0.9;
        background:
          radial-gradient(
            38% 46% at 16% 20%,
            rgba(61, 220, 132, 0.1),
            transparent 68%
          ),
          radial-gradient(
            42% 42% at 84% 28%,
            rgba(28, 158, 86, 0.085),
            transparent 70%
          ),
          radial-gradient(
            55% 50% at 52% 96%,
            rgba(61, 220, 132, 0.07),
            transparent 72%
          );
        animation: r-home_aur 26s ease-in-out infinite alternate;
      }
      @keyframes r-home_aur {
        0% {
          transform: translate3d(-2%, -1%, 0) scale(1.05);
        }
        50% {
          transform: translate3d(3%, 2%, 0) scale(1.16);
        }
        100% {
          transform: translate3d(-1%, 3%, 0) scale(1.09);
        }
      }
      #r-home #fx {
        opacity: 0.6;
      }
      #r-home nav,
      #r-home header,
      #r-home section,
      #r-home footer,
      #r-home .marquee {
        position: relative;
        z-index: 1;
      }
      #r-home .pipe,
      #r-home .price,
      #r-home .integ,
      #r-home .marquee,
      #r-home #gate,
      #r-home #command,
      #r-home #who,
      #r-home #pricing {
        background: transparent !important;
      }
      #r-home .sectitle,
      #r-home .mani-quote,
      #r-home .gate-big,
      #r-home .band-q,
      #r-home .close .big {
        clip-path: inset(0 105% 0 -5%);
        transition: clip-path 1.15s cubic-bezier(0.19, 1, 0.22, 1);
      }
      #r-home .reveal.in .sectitle,
      #r-home .reveal.in .mani-quote,
      #r-home .reveal.in .gate-big,
      #r-home .reveal.in .band-q,
      #r-home .close.reveal.in .big {
        clip-path: inset(0 -5% 0 -5%);
      }
      @media (prefers-reduced-motion: reduce) {
        #r-home #fx {
          display: none;
        }
        #r-home #aurora {
          animation: none;
        }
        #r-home .sectitle,
        #r-home .mani-quote,
        #r-home .gate-big,
        #r-home .band-q,
        #r-home .close .big {
          clip-path: none !important;
        }
      }
      @media (max-width: 760px) {
        #r-home .hero {
          flex-direction: column;
          justify-content: flex-start;
          align-items: stretch;
          min-height: 100svh;
          padding: 100px 0 0;
        }
        #r-home .hero-bg img {
          object-position: 50% 26%;
        }
        #r-home .hero::after {
          background:
            linear-gradient(
              180deg,
              rgba(8, 9, 11, 0.6) 0%,
              rgba(8, 9, 11, 0.14) 20%,
              transparent 42%
            ),
            linear-gradient(
              0deg,
              rgba(8, 9, 11, 0.97) 4%,
              rgba(8, 9, 11, 0.86) 20%,
              rgba(8, 9, 11, 0.42) 38%,
              transparent 54%
            );
        }
        #r-home .hero-in {
          max-width: 100%;
        }
        #r-home .h1 {
          font-size: clamp(2.4rem, 10.5vw, 3.3rem);
          margin-top: 14px;
        }
        #r-home .sub {
          font-size: 1.01rem;
          margin-top: 16px;
          max-width: 100%;
        }
        #r-home .hero-cta {
          gap: 11px;
          margin-top: 22px;
        }
        #r-home .hero-cta .btn {
          padding: 12px 20px;
        }
        #r-home .trustline {
          margin-top: 16px;
        }
      }
      #r-home .kcol {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 7px;
        min-height: 120px;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      #r-home .kcol.gate {
        background: rgba(61, 220, 132, 0.06);
        border-color: rgba(61, 220, 132, 0.3);
      }
      #r-home .kh {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.04em;
        color: var(--faint);
      }
      #r-home .kcard {
        background: var(--panel3);
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 8px 7px;
        font-size: 9.5px;
        color: var(--mut);
        transition: 0.4s var(--ease);
      }
      #r-home .kcard.live {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--tx);
        font-weight: 500;
      }
      #r-home .ktag {
        margin-top: auto;
        font-family: var(--mono);
        font-size: 7px;
        letter-spacing: 0.14em;
        color: var(--grn-deep);
      }
      #r-home .kcard.kflow {
        border-color: rgba(61, 220, 132, 0.55);
        box-shadow: 0 0 22px rgba(61, 220, 132, 0.28);
        color: var(--tx);
        transform: translateY(-2px);
      }
      #r-home .kcard.kdone {
        background: rgba(61, 220, 132, 0.16);
        border-color: rgba(61, 220, 132, 0.6);
        color: var(--grn2);
        font-weight: 600;
      }
      #r-home {
        --warn: #e8836f;
        --warn2: #f0a596;
      }
      #r-home .nlinks a.active {
        color: var(--tx);
      }
      #r-home .nlinks a.active::after {
        content: "";
        display: block;
        height: 1px;
        background: var(--grn);
        margin-top: 4px;
        box-shadow: 0 0 8px var(--grn);
      }
      #r-home .phero {
        position: relative;
        padding: 160px 0 66px;
        border-bottom: 1px solid var(--line);
        overflow: hidden;
        z-index: 1;
      }
      #r-home .phero .ey {
        margin-bottom: 18px;
      }
      #r-home .phero h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.6rem, 6vw, 5rem);
        line-height: 0.98;
        letter-spacing: -0.024em;
        max-width: 15ch;
      }
      #r-home .phero h1 em {
        font-style: italic;
        color: var(--grn2);
      }
      #r-home .phero p {
        margin-top: 24px;
        max-width: 54ch;
        color: var(--mut);
        font-size: clamp(1rem, 1.2vw, 1.16rem);
      }
      #r-home .broken .bhead {
        text-align: center;
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.6vw, 3.5rem);
        letter-spacing: -0.022em;
        color: var(--warn2);
      }
      #r-home .stat-wall {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 46px;
      }
      #r-home .swcard {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: var(--bg2);
        padding: 30px 26px 26px;
        overflow: hidden;
      }
      #r-home .swcard::before {
        content: "";
        position: absolute;
        top: 0;
        left: 26px;
        width: 36px;
        height: 3px;
        border-radius: 2px;
        background: var(--warn);
      }
      #r-home .swcard.good::before {
        background: var(--grn);
      }
      #r-home .swn {
        font-family: var(--serif);
        font-weight: 400;
        font-size: clamp(2.1rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        color: var(--warn);
        line-height: 1;
      }
      #r-home .swcard.good .swn {
        color: var(--grn2);
      }
      #r-home .swn small {
        font-size: 0.46em;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0;
        font-weight: 400;
      }
      #r-home .swl {
        margin-top: 12px;
        color: var(--mut);
        font-size: 0.94rem;
        line-height: 1.45;
      }
      #r-home .eqdiv {
        display: flex;
        align-items: center;
        gap: 22px;
        margin: 46px 0 8px;
      }
      #r-home .eqdiv span {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.18em;
        color: var(--grn);
        white-space: nowrap;
        text-transform: uppercase;
      }
      #r-home .eqdiv::before,
      #r-home .eqdiv::after {
        content: "";
        height: 1px;
        flex: 1;
        background: var(--line);
      }
      #r-home .compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        margin-top: 48px;
      }
      #r-home .cmpcard {
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 34px;
        background: var(--bg2);
      }
      #r-home .cmpcard.zyr {
        border-color: rgba(61, 220, 132, 0.32);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.055),
          transparent 60%
        );
      }
      #r-home .cmph {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.5rem;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        gap: 11px;
      }
      #r-home .cmph .dotg {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 10px var(--grn);
      }
      #r-home .flow {
        display: flex;
        align-items: center;
        gap: 9px;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }
      #r-home .pill {
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 15px;
        border: 1px solid var(--line2);
        border-radius: 9px;
        color: var(--tx);
        background: rgba(255, 255, 255, 0.015);
      }
      #r-home .cmpcard.zyr .pill {
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--grn2);
        font-size: 11px;
        padding: 5px 10px;
      }
      #r-home .cmpcard.zyr .flow {
        gap: 5px;
      }
      #r-home .flow .arw {
        color: var(--faint);
        font-size: 13px;
      }
      #r-home .cmpcard.zyr .flow .arw {
        color: var(--grn);
      }
      #r-home .tags {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      #r-home .tag2 {
        font-family: var(--mono);
        font-size: 12px;
        padding: 6px 13px;
        border-radius: 7px;
        border: 1px solid rgba(232, 131, 111, 0.32);
        color: var(--warn2);
      }
      #r-home .cmpcard.zyr .tag2 {
        border-color: rgba(61, 220, 132, 0.45);
        color: var(--grn2);
        background: rgba(61, 220, 132, 0.09);
      }
      #r-home .agrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 50px;
      }
      #r-home .acard {
        border: 1px solid var(--line);
        border-radius: 20px;
        background: var(--bg2);
        padding: 32px;
        transition: 0.4s var(--ease);
      }
      #r-home .acard:hover {
        border-color: var(--line2);
        transform: translateY(-3px);
      }
      #r-home .acard.cta {
        background: linear-gradient(
          160deg,
          rgba(61, 220, 132, 0.09),
          transparent 70%
        );
        border-color: rgba(61, 220, 132, 0.28);
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      #r-home .aico {
        width: 48px;
        height: 48px;
        border-radius: 13px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.18);
        display: grid;
        place-items: center;
        margin-bottom: 24px;
      }
      #r-home .aico svg {
        width: 22px;
        height: 22px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      #r-home .ak {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--grn);
      }
      #r-home .acard h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.42rem;
        margin: 7px 0 11px;
      }
      #r-home .acard > p {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 18px;
        line-height: 1.5;
      }
      #r-home .alist {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      #r-home .alist li {
        font-size: 0.92rem;
        color: var(--tx);
        display: flex;
        gap: 10px;
        align-items: center;
      }
      #r-home .alist svg {
        width: 14px;
        height: 14px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-home .acard.cta h3 {
        font-size: 1.6rem;
        margin-bottom: 14px;
      }
      #r-home .acard.cta p {
        color: var(--mut);
        margin-bottom: 24px;
      }
      #r-home .plans {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 52px;
        align-items: start;
      }
      #r-home .plan {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: var(--bg2);
        padding: 36px 32px;
      }
      #r-home .plan.pop {
        border-color: var(--grn);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.07),
          transparent 55%
        );
        box-shadow: 0 0 70px -24px rgba(61, 220, 132, 0.45);
      }
      #r-home .pop-badge {
        position: absolute;
        top: -13px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--grn);
        color: #05130a;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.12em;
        padding: 6px 15px;
        border-radius: 100px;
        font-weight: 500;
        text-transform: uppercase;
      }
      #r-home .plan .pn {
        font-family: var(--serif);
        font-size: 1.55rem;
        font-weight: 400;
      }
      #r-home .plan .pdesc {
        color: var(--mut);
        font-size: 0.9rem;
        margin: 9px 0 24px;
        min-height: 40px;
        line-height: 1.45;
      }
      #r-home .plan .pp {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 3.1rem;
        letter-spacing: -0.02em;
        display: flex;
        align-items: baseline;
        gap: 5px;
        line-height: 1;
      }
      #r-home .plan .pp small {
        font-size: 0.85rem;
        color: var(--mut);
        font-family: var(--mono);
      }
      #r-home .plan .padd {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 9px;
        letter-spacing: 0.02em;
      }
      #r-home .pfeat {
        list-style: none;
        margin: 26px 0;
        display: flex;
        flex-direction: column;
        gap: 13px;
      }
      #r-home .pfeat li {
        display: flex;
        gap: 11px;
        font-size: 0.94rem;
        color: var(--tx);
        line-height: 1.4;
      }
      #r-home .pfeat svg {
        width: 15px;
        height: 15px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
        margin-top: 3px;
      }
      #r-home .pbtn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
        border-radius: 100px;
        font-family: var(--mono);
        font-size: 13px;
        border: 1px solid var(--line2);
        color: var(--tx);
        cursor: pointer;
        transition: 0.3s var(--ease);
        background: none;
        letter-spacing: 0.02em;
      }
      #r-home .pbtn:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      #r-home .plan.pop .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-home .plan.pop .pbtn:hover {
        background: var(--grn2);
        border-color: var(--grn2);
      }
      #r-home .price-sub {
        text-align: center;
        margin-top: 26px;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--faint);
        letter-spacing: 0.03em;
      }
      #r-home .subwrap {
        max-width: 660px;
        margin: 0 auto;
        border: 1px solid var(--line2);
        border-radius: 22px;
        background: var(--bg2);
        padding: 42px;
        position: relative;
        z-index: 1;
      }
      #r-home .substeps {
        display: flex;
        gap: 8px;
        margin-bottom: 14px;
      }
      #r-home .sstep {
        flex: 1;
        height: 4px;
        border-radius: 2px;
        background: var(--line2);
        transition: 0.4s;
      }
      #r-home .sstep.on {
        background: var(--grn);
      }
      #r-home .sscount {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--faint);
        text-transform: uppercase;
        margin-bottom: 24px;
      }
      #r-home .spanel {
        display: none;
        animation: r-home_sfade 0.5s var(--ease);
      }
      #r-home .spanel.on {
        display: block;
      }
      @keyframes r-home_sfade {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      #r-home .spanel h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.7rem;
        margin-bottom: 8px;
      }
      #r-home .spanel .shint {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 26px;
      }
      #r-home .field {
        margin-bottom: 16px;
      }
      #r-home .field label {
        display: block;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      #r-home .field input,
      #r-home .field select {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
      }
      #r-home .field input:focus,
      #r-home .field select:focus {
        outline: none;
        border-color: var(--grn);
      }
      #r-home .planpick {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
        margin-bottom: 8px;
      }
      #r-home .pp-opt {
        border: 1px solid var(--line2);
        border-radius: 13px;
        padding: 16px 14px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-home .pp-opt:hover {
        border-color: var(--line2);
      }
      #r-home .pp-opt.sel {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.06);
      }
      #r-home .pp-opt .ppn {
        font-family: var(--serif);
        font-size: 1.05rem;
      }
      #r-home .pp-opt .ppp {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 4px;
      }
      #r-home .brandrow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 12px 16px;
        margin-bottom: 16px;
      }
      #r-home .brandrow .stepper {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-home .brandrow button {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        border: 1px solid var(--line2);
        background: none;
        color: var(--tx);
        font-size: 16px;
        cursor: pointer;
      }
      #r-home .brandrow button:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      #r-home .summ {
        border: 1px solid var(--line);
        border-radius: 13px;
        background: var(--panel);
        padding: 20px;
        margin: 18px 0 22px;
      }
      #r-home .summ .srow {
        display: flex;
        justify-content: space-between;
        padding: 7px 0;
        font-size: 0.94rem;
        color: var(--mut);
      }
      #r-home .summ .srow b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-home .summ .stotal {
        border-top: 1px solid var(--line);
        margin-top: 8px;
        padding-top: 14px;
        font-size: 1.05rem;
      }
      #r-home .summ .stotal b {
        color: var(--grn2);
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      #r-home .subact {
        display: flex;
        gap: 12px;
        margin-top: 8px;
      }
      #r-home .subact .pbtn {
        flex: 1;
      }
      #r-home .subback {
        flex: 0 0 auto;
        width: auto;
        padding: 15px 24px;
      }
      #r-home .sdone {
        text-align: center;
        padding: 20px 0;
      }
      #r-home .sdone .sdi {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: grid;
        place-items: center;
        margin: 0 auto 22px;
      }
      #r-home .sdone .sdi svg {
        width: 30px;
        height: 30px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      #r-home .sdone h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 2rem;
        margin-bottom: 12px;
      }
      #r-home .sdone p {
        color: var(--mut);
        max-width: 40ch;
        margin: 0 auto;
      }
      #r-home .securenote {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.04em;
      }
      #r-home .fifth-grid {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 48px;
        align-items: center;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: var(--bg2);
        padding: 52px;
      }
      #r-home .fifth-grid h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        line-height: 1.02;
      }
      #r-home .fifth-grid h2 em {
        font-style: normal;
        color: var(--grn2);
      }
      #r-home .fifth-grid > div > p {
        color: var(--mut);
        margin: 22px 0 30px;
        max-width: 46ch;
        line-height: 1.6;
      }
      #r-home .fcard {
        border: 1px solid var(--line2);
        border-radius: 18px;
        background: var(--panel);
        padding: 30px;
      }
      #r-home .fcard-top {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 18px;
      }
      #r-home .fcard-mark {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: conic-gradient(
          from 200deg,
          #6cf0a6,
          #6aa9f0,
          #b58cf0,
          #6cf0a6
        );
        display: grid;
        place-items: center;
      }
      #r-home .fcard-mark span {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        background: #05130a;
      }
      #r-home .fcard-name {
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      #r-home .fcard-name b {
        color: var(--grn2);
      }
      #r-home .fcard-sub {
        font-family: var(--mono);
        font-size: 11.5px;
        color: var(--mut);
        letter-spacing: 0.04em;
        border-bottom: 1px solid var(--line);
        padding-bottom: 18px;
        margin-bottom: 6px;
      }
      #r-home .frow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid var(--line);
      }
      #r-home .frow:last-child {
        border-bottom: none;
      }
      #r-home .frow b {
        font-weight: 500;
        font-size: 0.98rem;
      }
      #r-home .frow span {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--faint);
      }
      #r-home .faq {
        max-width: 820px;
        margin: 48px auto 0;
      }
      #r-home .faq details {
        border-bottom: 1px solid var(--line);
        padding: 22px 0;
      }
      #r-home .faq summary {
        font-family: var(--serif);
        font-size: 1.2rem;
        cursor: pointer;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
      }
      #r-home .faq summary::-webkit-details-marker {
        display: none;
      }
      #r-home .faq summary::after {
        content: "+";
        color: var(--grn);
        font-family: var(--mono);
        font-size: 1.4rem;
        transition: 0.3s;
      }
      #r-home .faq details[open] summary::after {
        transform: rotate(45deg);
      }
      #r-home .faq details p {
        color: var(--mut);
        margin-top: 14px;
        max-width: 64ch;
        line-height: 1.6;
      }
      @media (max-width: 980px) {
        #r-home .stat-wall {
          grid-template-columns: 1fr 1fr;
        }
        #r-home .compare {
          grid-template-columns: 1fr;
        }
        #r-home .agrid {
          grid-template-columns: 1fr;
        }
        #r-home .plans {
          grid-template-columns: 1fr;
          gap: 26px;
        }
        #r-home .plan.pop {
          order: -1;
        }
        #r-home .fifth-grid {
          grid-template-columns: 1fr;
          gap: 34px;
          padding: 34px;
        }
        #r-home .planpick {
          grid-template-columns: 1fr;
        }
        #r-home .phero {
          padding: 130px 0 50px;
        }
      }
      @media (max-width: 560px) {
        #r-home .stat-wall {
          grid-template-columns: 1fr;
        }
        #r-home .subwrap {
          padding: 26px;
        }
      }
      #r-home .sectitle em,
      #r-home .ftitle em,
      #r-home .mani-quote em {
        font-style: italic;
        color: var(--grn2);
      }
      #r-home .sechead.ctr {
        text-align: center;
        align-items: center;
        max-width: none;
        margin: 0 auto;
      }
      #r-home .sechead.ctr .ey {
        justify-content: center;
      }
      #r-home .sechead.ctr .sub {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }
      #r-home .phero .wrap {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 40px;
        align-items: center;
      }
      #r-home .phero-txt {
        min-width: 0;
      }
      #r-home .phero-viz {
        position: relative;
        display: grid;
        place-items: center;
        min-height: 400px;
      }
      #r-home .phero h1 {
        max-width: none;
      }
      #r-home .orbit {
        position: relative;
        width: 380px;
        height: 380px;
      }
      #r-home .orbit .ring {
        position: absolute;
        inset: 0;
        border: 1px solid rgba(61, 220, 132, 0.13);
        border-radius: 50%;
      }
      #r-home .orbit .ring.r2 {
        inset: 46px;
        border-color: rgba(61, 220, 132, 0.1);
      }
      #r-home .orbit .ring.r3 {
        inset: 104px;
        border-color: rgba(61, 220, 132, 0.08);
      }
      #r-home .orbit-spin {
        position: absolute;
        inset: 0;
        animation: r-home_orbspin 46s linear infinite;
      }
      @keyframes r-home_orbspin {
        to {
          transform: rotate(360deg);
        }
      }
      #r-home .onode {
        position: absolute;
        width: 0;
        height: 0;
      }
      #r-home .onode .chip {
        position: absolute;
        transform: translate(-50%, -50%);
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.03em;
        color: var(--grn2);
        background: rgba(8, 9, 11, 0.72);
        border: 1px solid rgba(61, 220, 132, 0.32);
        border-radius: 100px;
        padding: 6px 12px;
        white-space: nowrap;
        animation: r-home_orbspinr 46s linear infinite;
        backdrop-filter: blur(2px);
      }
      #r-home .onode .chip::before {
        content: "";
        position: absolute;
        left: -4px;
        top: 50%;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 8px var(--grn);
        transform: translateY(-50%);
      }
      @keyframes r-home_orbspinr {
        to {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }
      #r-home .orbit-core {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 104px;
        height: 104px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        text-align: center;
        background: radial-gradient(
          circle,
          rgba(61, 220, 132, 0.16),
          transparent 72%
        );
      }
      #r-home .orbit-core b {
        font-family: var(--serif);
        font-size: 1.05rem;
        color: var(--tx);
        line-height: 1.05;
        position: relative;
        z-index: 2;
      }
      #r-home .orbit-core .oc-dot {
        position: absolute;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 22px var(--grn);
        top: -2px;
        animation: r-home_ocpulse 2.8s ease-in-out infinite;
      }
      @keyframes r-home_ocpulse {
        0%,
        100% {
          transform: scale(1);
          opacity: 1;
        }
        50% {
          transform: scale(1.6);
          opacity: 0.55;
        }
      }
      #r-home .viz-img {
        position: relative;
        width: min(440px, 90%);
        aspect-ratio: 4/5;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      #r-home .viz-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.94) contrast(1.02);
      }
      #r-home .viz-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 45%,
          rgba(8, 9, 11, 0.6)
        );
      }
      #r-home .viz-chip {
        position: absolute;
        left: 18px;
        bottom: 16px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.06em;
        color: var(--grn2);
        border: 1px solid rgba(61, 220, 132, 0.3);
        border-radius: 100px;
        padding: 7px 13px;
        background: rgba(8, 9, 11, 0.55);
      }
      #r-home .inquiry {
        max-width: 760px;
        margin: 44px auto 0;
        position: relative;
        z-index: 1;
      }
      #r-home .frow2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }
      #r-home .inquiry textarea {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
        resize: vertical;
        min-height: 120px;
      }
      #r-home .inquiry textarea:focus {
        outline: none;
        border-color: var(--grn);
      }
      #r-home .inquiry .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        margin-top: 6px;
      }
      #r-home .inquiry .pbtn:hover {
        background: var(--grn2);
      }
      @media (max-width: 900px) {
        #r-home .phero .wrap {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        #r-home .phero-viz {
          min-height: 320px;
          margin-top: 6px;
        }
        #r-home .orbit {
          transform: scale(0.82);
        }
        #r-home .frow2 {
          grid-template-columns: 1fr;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #r-home .orbit-spin {
          animation: none;
        }
        #r-home .onode .chip {
          animation: none;
        }
        #r-home .orbit-core .oc-dot {
          animation: none;
        }
      }
      #r-home .route {
        display: none;
      }
      #r-home .route.on {
        display: block;
        animation: r-home_routein 0.5s var(--ease);
      }
      @keyframes r-home_routein {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }
      #r-home .acct-toggle {
        display: inline-flex;
        gap: 4px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px;
      }
      #r-home .at-opt {
        border: 0;
        background: transparent;
        color: var(--mut);
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 24px;
        border-radius: 999px;
        cursor: pointer;
        transition: all 0.18s;
      }
      #r-home .at-opt.on {
        background: var(--grn);
        color: #04120a;
        font-weight: 600;
      }
      #r-home .acct-note {
        text-align: center;
        color: var(--mut);
        font-size: 12.5px;
        margin: 0 auto 24px;
        max-width: 560px;
      }
      #r-home .prod-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 26px;
        margin-top: 44px;
      }
      #r-home .prod-col {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 24px 22px;
        background: rgba(255, 255, 255, 0.02);
      }
      #r-home .prod-h {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-home .prod-h h3 {
        margin: 0;
        font-size: 1.15rem;
      }
      #r-home .prod-ic {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--grn);
        font-size: 15px;
      }
      #r-home .prod-item {
        padding: 13px 0;
        border-top: 1px solid var(--line);
      }
      #r-home .prod-item b {
        display: block;
        color: #fff;
        font-size: 0.96rem;
        margin-bottom: 3px;
        font-weight: 500;
      }
      #r-home .prod-item span {
        color: var(--mut);
        font-size: 0.82rem;
        line-height: 1.45;
      }
      @media (max-width: 860px) {
        #r-home .prod-grid {
          grid-template-columns: 1fr;
        }
      }
      #r-home .legal {
        max-width: 820px;
        margin: 0 auto;
      }
      #r-home .legal h2 {
        font-size: 1.25rem;
        margin: 30px 0 8px;
        color: #fff;
      }
      #r-home .legal h3 {
        font-size: 1rem;
        margin: 20px 0 6px;
        color: #fff;
      }
      #r-home .legal p,
      #r-home .legal li {
        color: var(--mut);
        line-height: 1.7;
        font-size: 0.95rem;
      }
      #r-home .legal a {
        color: var(--grn);
      }
      #r-home .legal ul {
        padding-left: 20px;
      }
      #r-home .legal strong {
        color: #dfe7ec;
      }
      #r-home .legal table {
        border-collapse: collapse;
        width: 100%;
        margin: 12px 0;
        font-size: 0.85rem;
      }
      #r-home .legal th,
      #r-home .legal td {
        border: 1px solid var(--line);
        padding: 9px 11px;
        text-align: left;
        vertical-align: top;
        color: var(--mut);
      }
      #r-home .legal th {
        background: rgba(255, 255, 255, 0.04);
        color: #fff;
      }
      #r-home .legal .box {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 16px;
        margin: 14px 0;
      }
      #r-home .legal .cf {
        color: #c9a23a;
      }
      #r-home .legal .meta {
        color: var(--mut);
        font-size: 0.85rem;
      }
      #r-home nav {
        z-index: 1001;
      }
      #r-home .ndrop {
        position: relative;
        display: inline-flex;
        align-items: center;
      }
      #r-home .ndrop > .ntrig {
        cursor: pointer;
      }
      #r-home .mega {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        min-width: 540px;
        background: #0c1116;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 22px;
        display: none;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 26px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
        z-index: 80;
      }
      #r-home .mega::before {
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
      }
      #r-home .ndrop:hover .mega {
        display: grid;
      }
      #r-home .mega.grid {
        min-width: 360px;
        grid-template-columns: repeat(2, 1fr);
      }
      #r-home .mega.two {
        min-width: 220px;
        grid-template-columns: 1fr;
      }
      #r-home .mega .mh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 8px;
      }
      #r-home .mega a {
        display: block;
        padding: 6px 0;
        color: #cdd6de;
        font-size: 14px;
        text-decoration: none;
      }
      #r-home .mega a:hover {
        color: var(--grn);
      }
      @media (max-width: 900px) {
        #r-home .mega {
          display: none !important;
        }
      }
      #r-home .reveal {
        opacity: 1;
        transform: none;
      }

      /* resources */
      #r-tutorials,
      #r-faqs,
      #r-blog,
      #r-blog1,
      #r-blog2,
      #r-blog3,
      #r-blog4,
      #r-blog5,
      #r-blog6 {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        color: var(--tx);
      }

      /* resources base */
      .rzwrap {
        max-width: 1080px;
        margin: 0 auto;
        padding: 74px 40px 96px;
      }
      .rzey {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      .rzey::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--grn);
      }
      .rzh1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(38px, 4.6vw, 58px);
        line-height: 1.04;
        letter-spacing: -0.02em;
        margin: 14px 0 0;
      }
      .rzh1 em {
        font-style: italic;
        color: var(--grn);
      }
      .rzsub {
        color: var(--mut);
        font-size: 18px;
        max-width: 640px;
        margin-top: 18px;
      }
      /* tutorials */
      .tut {
        margin-top: 34px;
        border: 1px solid var(--line);
        border-radius: 18px;
        overflow: hidden;
        background: var(--bg2);
      }
      .tut-top {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
      }
      .tut-shot {
        border-right: 1px solid var(--line);
        background: #0a0d11;
        display: flex;
        align-items: center;
      }
      .tut-shot img {
        width: 100%;
        display: block;
      }
      .tut-body {
        padding: 30px 34px;
      }
      .tut .num {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        letter-spacing: 0.14em;
      }
      .tut h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin: 10px 0 8px;
      }
      .tut .intro {
        color: var(--mut);
        font-size: 15px;
        margin-bottom: 16px;
      }
      .tut ol {
        list-style: none;
        counter-reset: st;
      }
      .tut li {
        counter-increment: st;
        position: relative;
        padding: 10px 0 10px 36px;
        color: var(--tx);
        font-size: 14.5px;
        border-top: 1px solid var(--line);
        line-height: 1.5;
      }
      .tut li:first-child {
        border-top: none;
      }
      .tut li b {
        color: var(--grn2);
      }
      .tut li::before {
        content: counter(st);
        position: absolute;
        left: 0;
        top: 9px;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        color: var(--grn);
        font-family: var(--mono);
        font-size: 11px;
        display: grid;
        place-items: center;
      }
      .tut .meta {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        margin-top: 18px;
        letter-spacing: 0.04em;
      }
      @media (max-width: 860px) {
        .tut-top {
          grid-template-columns: 1fr;
        }
        .tut-shot {
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
      }
      /* faqs */
      .faqcat {
        margin-top: 42px;
      }
      .faqcat .ch {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 6px;
      }
      .faq .qa {
        border-top: 1px solid var(--line);
      }
      .faq .qa:last-child {
        border-bottom: 1px solid var(--line);
      }
      .faq .q {
        width: 100%;
        text-align: left;
        background: none;
        border: none;
        cursor: pointer;
        font-family: var(--sans);
        font-size: 15.5px;
        color: var(--tx);
        padding: 18px 42px 18px 0;
        position: relative;
        font-weight: 500;
      }
      .faq .q .qi {
        position: absolute;
        right: 6px;
        top: 14px;
        color: var(--grn);
        font-size: 20px;
        line-height: 1;
      }
      .faq .a {
        display: none;
      }
      .faq .qa.open .a {
        display: block;
      }
      .faq .a p {
        color: var(--mut);
        font-size: 14.5px;
        padding: 0 42px 18px 0;
        line-height: 1.7;
        margin: 0;
      }
      .faq .a p a {
        color: var(--grn);
      }
      /* blog */
      .blgrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
        margin-top: 40px;
      }
      .blcard {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 28px;
        background: var(--bg2);
        cursor: pointer;
        transition: border-color 0.2s;
      }
      .blcard:hover {
        border-color: var(--grn);
      }
      .blcard .tag {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--grn);
      }
      .blcard h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 23px;
        margin: 12px 0 10px;
        line-height: 1.15;
      }
      .blcard p {
        color: var(--mut);
        font-size: 15px;
      }
      .blcard .m {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        margin-top: 14px;
      }
      .blcard .rd {
        margin-top: 14px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
      }
      .blart {
        max-width: 760px;
        margin: 0 auto;
      }
      .blback {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        cursor: pointer;
        display: inline-block;
        margin-bottom: 22px;
      }
      .blart .tag {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--grn);
      }
      .blart h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(32px, 4vw, 46px);
        line-height: 1.08;
        letter-spacing: -0.02em;
        margin-top: 10px;
      }
      .blart .m {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--faint);
        margin: 14px 0 28px;
      }
      .blart h2 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin: 32px 0 10px;
      }
      .blart p {
        color: var(--mut);
        font-size: 16px;
        line-height: 1.78;
        margin-bottom: 16px;
      }
      .blart p b {
        color: var(--tx);
      }
      /* product landing */
      .pl2wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
      }
      .pl2-hero {
        text-align: center;
        padding: 76px 0 20px;
      }
      .pl2-hero .rzey {
        display: inline-flex;
      }
      .pl2-hero .rzh1 {
        max-width: 820px;
        margin: 16px auto 0;
      }
      .pl2-hero .rzsub {
        margin: 18px auto 0;
        text-align: center;
      }
      .pl2-flow {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 34px;
      }
      .pl2-step {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 18px;
        border: 1px solid var(--line);
        border-radius: 40px;
        background: var(--bg2);
        cursor: pointer;
        text-decoration: none;
      }
      .pl2-step .sn {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--grn);
      }
      .pl2-step .st {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--tx);
      }
      .pl2-line {
        width: 38px;
        height: 1px;
        background: var(--line2);
        margin: 0 4px;
      }
      .pl2-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
        padding: 60px 0 96px;
      }
      .pl2-card {
        background: var(--card-bg);
        border: 1px solid var(--line2);
        border-radius: 18px;
        padding: 32px;
        cursor: pointer;
        transition: border-color 0.2s;
        text-decoration: none;
        display: block;
      }
      .pl2-card:hover {
        border-color: var(--grn);
      }
      .pl2-card .pn {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        letter-spacing: 0.12em;
      }
      .pl2-card h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 24px;
        margin: 14px 0 10px;
        color: var(--tx);
      }
      .pl2-card p {
        color: var(--mut);
        font-size: 15px;
      }
      .pl2-card .go {
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
      }
      @media (max-width: 860px) {
        .blgrid,
        .pl2-cards {
          grid-template-columns: 1fr;
        }
      }

      #r-home .h1 .ln > span {
        transform: none;
      }
      #r-home .who-hyb {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 8px;
      }
      #r-home .hyb-c {
        background: var(--bg2);
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
      }
      #r-home .hyb-img {
        aspect-ratio: 16/10;
        border-bottom: 1px solid var(--line);
        background: #0a0d11;
      }
      #r-home .hyb-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: saturate(1.02);
      }
      #r-home .hyb-body {
        padding: 26px 28px 30px;
      }
      #r-home .hyb-ic {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.25);
        display: grid;
        place-items: center;
        margin-bottom: 14px;
      }
      #r-home .hyb-ic svg {
        width: 21px;
        height: 21px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
      }
      #r-home .hyb-c h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 9px;
        color: var(--tx);
      }
      #r-home .hyb-c p {
        color: var(--mut);
        font-size: 15px;
      }
      @media (max-width: 820px) {
        #r-home .who-hyb {
          grid-template-columns: 1fr;
        }
      }

      #r-home .hero {
        min-height: 74vh !important;
        padding-top: 52px !important;
      }

      /* v3 pricing */
      #r-pricing {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel2: #131a22;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --card-bg: linear-gradient(180deg, #10161d, #0c1116);
        --shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        color: var(--tx);
      }
      #r-pricing {
        --bg: #08090b;
        --bg2: #0b0e12;
        --panel: #0f141a;
        --panel2: #131a22;
        --panel3: #182029;
        --line: rgba(233, 240, 244, 0.08);
        --line2: rgba(233, 240, 244, 0.15);
        --tx: #e9eef3;
        --mut: #8a97a3;
        --faint: #586471;
        --grn: #3ddc84;
        --grn2: #6cf0a6;
        --grn-deep: #1c9e56;
        --amber: #e6b566;
        --blue: #6aa9f0;
        --serif: "Fraunces", Georgia, serif;
        --sans: "Archivo", system-ui, sans-serif;
        --mono: "Space Grotesk", ui-monospace, monospace;
        --ease: cubic-bezier(0.22, 1, 0.36, 1);
      }
      #r-pricing * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      #r-pricing {
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
      }
      #r-pricing {
        background: var(--bg);
        color: var(--tx);
        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.6;
        overflow-x: hidden;
        letter-spacing: 0.01em;
      }
      #r-pricing ::selection {
        background: var(--grn);
        color: #04140b;
      }
      #r-pricing a {
        color: inherit;
        text-decoration: none;
      }
      #r-pricing img {
        display: block;
        max-width: 100%;
      }
      #r-pricing .grain {
        position: fixed;
        inset: -50%;
        width: 200%;
        height: 200%;
        pointer-events: none;
        z-index: 9998;
        opacity: 0.04;
        mix-blend-mode: screen;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      }
      #r-pricing .cur,
      #r-pricing .cur-d {
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 10000;
        border-radius: 50%;
        mix-blend-mode: difference;
      }
      #r-pricing .cur {
        width: 32px;
        height: 32px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        transform: translate(-50%, -50%);
        transition:
          width 0.3s var(--ease),
          height 0.3s var(--ease);
      }
      #r-pricing .cur-d {
        width: 5px;
        height: 5px;
        background: #fff;
        transform: translate(-50%, -50%);
      }
      #r-pricing .cur.big {
        width: 66px;
        height: 66px;
        background: rgba(255, 255, 255, 0.05);
        border-color: transparent;
      }
      #r-pricing body.touch .cur,
      #r-pricing body.touch .cur-d {
        display: none;
      }
      #r-pricing .wrap {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
      }
      #r-pricing .ey {
        font-family: var(--mono);
        font-size: 11.5px;
        letter-spacing: 0.26em;
        text-transform: uppercase;
        color: var(--grn);
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
      }
      #r-pricing .ey::before {
        content: "";
        width: 6px;
        height: 6px;
        background: var(--grn);
        border-radius: 50%;
        box-shadow: 0 0 10px var(--grn);
      }
      #r-pricing .ey.mut {
        color: var(--faint);
      }
      #r-pricing .ey.mut::before {
        background: var(--faint);
        box-shadow: none;
      }
      #r-pricing em {
        font-family: var(--serif);
        font-style: italic;
        font-weight: 340;
      }
      #r-pricing nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        transition: 0.4s;
        border-bottom: 1px solid transparent;
      }
      #r-pricing nav.on {
        background: rgba(8, 9, 11, 0.75);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--line);
      }
      #r-pricing .nav-in {
        max-width: 1280px;
        margin: 0 auto;
        padding: 18px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      #r-pricing .logo {
        font-family: var(--serif);
        font-size: 23px;
        font-weight: 500;
        letter-spacing: 0.02em;
      }
      #r-pricing .logo b {
        color: var(--grn);
      }
      #r-pricing .nlinks {
        display: flex;
        gap: 36px;
      }
      #r-pricing .nlinks a {
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--mut);
        position: relative;
        padding: 4px 0;
        transition: 0.3s;
      }
      #r-pricing .nlinks a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: var(--grn);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s var(--ease);
      }
      #r-pricing .nlinks a:hover {
        color: var(--tx);
      }
      #r-pricing .nlinks a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }
      #r-pricing .btn {
        font-family: var(--mono);
        font-size: 12.5px;
        display: inline-flex;
        align-items: center;
        gap: 0.7em;
        padding: 11px 20px;
        border-radius: 100px;
        border: 1px solid var(--line2);
        color: var(--tx);
        transition: 0.35s var(--ease);
        cursor: pointer;
        background: none;
      }
      #r-pricing .btn .circ {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--grn);
        display: grid;
        place-items: center;
        transition: 0.35s var(--ease);
      }
      #r-pricing .btn .circ svg {
        width: 10px;
        height: 10px;
        stroke: #05130a;
        stroke-width: 2;
        fill: none;
      }
      #r-pricing .btn:hover {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-pricing .btn:hover .circ {
        background: #05130a;
      }
      #r-pricing .btn:hover .circ svg {
        stroke: var(--grn);
      }
      #r-pricing .btn.ghost .circ {
        display: none;
      }
      #r-pricing .btn.solid {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-pricing .btn.solid .circ {
        background: #05130a;
      }
      #r-pricing .btn.solid .circ svg {
        stroke: var(--grn);
      }
      #r-pricing .hero {
        position: relative;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 135px 0 0;
        overflow: hidden;
      }
      #r-pricing .hero-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #r-pricing .hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 22% 58%;
      }
      #r-pricing .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
          linear-gradient(
            180deg,
            rgba(8, 9, 11, 0.5) 0%,
            rgba(8, 9, 11, 0.12) 22%,
            transparent 42%
          ),
          linear-gradient(
            90deg,
            rgba(8, 9, 11, 0.9) 0%,
            rgba(8, 9, 11, 0.78) 30%,
            rgba(8, 9, 11, 0.35) 48%,
            transparent 62%
          );
      }
      #r-pricing .hero-in {
        position: relative;
        z-index: 2;
        width: 100%;
      }
      #r-pricing .hero .h1 {
        max-width: 12ch;
      }
      #r-pricing .hero .sub {
        max-width: 34ch;
      }
      #r-pricing .h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.7rem, 5.6vw, 4.9rem);
        line-height: 0.98;
        letter-spacing: -0.022em;
        margin: 22px 0 0;
      }
      #r-pricing .h1 .ln {
        display: block;
        overflow: hidden;
      }
      #r-pricing .h1 .ln > span {
        display: block;
        transform: translateY(105%);
        transition: transform 1s var(--ease);
      }
      #r-pricing .reveal-hero .h1 .ln > span {
        transform: none;
      }
      #r-pricing .sub {
        max-width: 520px;
        margin: 24px 0 0;
        font-size: clamp(1rem, 1.2vw, 1.16rem);
        color: var(--mut);
      }
      #r-pricing .sub b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-pricing .hero-cta {
        display: flex;
        gap: 14px;
        align-items: center;
        margin-top: 32px;
        flex-wrap: wrap;
      }
      #r-pricing .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      #r-pricing .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      #r-pricing .trustline b {
        color: var(--tx);
      }
      #r-pricing .eyhero,
      #r-pricing .fade-up {
        opacity: 0;
        transform: translateY(16px);
        transition: 0.9s var(--ease);
      }
      #r-pricing .reveal-hero .eyhero,
      #r-pricing .reveal-hero .fade-up {
        opacity: 1;
        transform: none;
      }
      #r-pricing .reveal-hero .fade-up.d1 {
        transition-delay: 0.45s;
      }
      #r-pricing .reveal-hero .fade-up.d2 {
        transition-delay: 0.57s;
      }
      #r-pricing .reveal-hero .fade-up.d3 {
        transition-delay: 0.69s;
      }
      #r-pricing .mock {
        position: relative;
        z-index: 2;
      }
      #r-pricing .app {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        box-shadow:
          0 40px 90px -30px rgba(0, 0, 0, 0.8),
          0 0 0 1px rgba(61, 220, 132, 0.04);
        overflow: hidden;
        transform: perspective(1600px) rotateY(-6deg) rotateX(2deg);
        transition: transform 0.8s var(--ease);
      }
      #r-pricing .reveal-hero .app {
        transform: perspective(1600px) rotateY(-3deg) rotateX(1deg);
      }
      #r-pricing .app-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 11px 14px;
        border-bottom: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.02);
      }
      #r-pricing .dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #2a333d;
      }
      #r-pricing .dot.r {
        background: #e06a5a;
      }
      #r-pricing .dot.y {
        background: #e0b45a;
      }
      #r-pricing .dot.g {
        background: #5ad07a;
      }
      #r-pricing .app-url {
        margin-left: 10px;
        font-family: var(--mono);
        font-size: 10.5px;
        color: var(--faint);
        background: rgba(0, 0, 0, 0.3);
        padding: 4px 12px;
        border-radius: 6px;
      }
      #r-pricing .app-body {
        display: grid;
        grid-template-columns: 130px 1fr;
      }
      #r-pricing .side {
        border-right: 1px solid var(--line);
        padding: 16px 12px;
        display: flex;
        flex-direction: column;
        gap: 3px;
        background: rgba(0, 0, 0, 0.15);
      }
      #r-pricing .side .sl {
        font-family: var(--serif);
        font-size: 16px;
        padding: 2px 8px 12px;
        font-weight: 500;
      }
      #r-pricing .side .sl b {
        color: var(--grn);
      }
      #r-pricing .side a {
        font-size: 12px;
        color: var(--mut);
        padding: 8px 10px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-pricing .side a .sd {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        background: #2c363f;
      }
      #r-pricing .side a.on {
        background: rgba(61, 220, 132, 0.1);
        color: var(--tx);
      }
      #r-pricing .side a.on .sd {
        background: var(--grn);
      }
      #r-pricing .side a:hover {
        color: var(--tx);
        background: rgba(255, 255, 255, 0.03);
      }
      #r-pricing .main {
        padding: 18px 20px 22px;
        min-height: 340px;
      }
      #r-pricing .main .mh {
        font-size: 11px;
        color: var(--faint);
        font-family: var(--mono);
        letter-spacing: 0.05em;
      }
      #r-pricing .main .mt {
        font-family: var(--serif);
        font-size: 19px;
        margin: 2px 0 16px;
        font-weight: 400;
      }
      #r-pricing .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
      }
      #r-pricing .stat {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 11px 12px;
      }
      #r-pricing .stat .sk {
        font-size: 9px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--faint);
        font-family: var(--mono);
      }
      #r-pricing .stat .sv {
        font-family: var(--serif);
        font-size: 22px;
        margin-top: 4px;
        font-weight: 400;
      }
      #r-pricing .stat .sc {
        font-size: 10px;
        color: var(--grn);
        margin-top: 2px;
      }
      #r-pricing .panel-row {
        display: grid;
        grid-template-columns: 1.35fr 1fr;
        gap: 12px;
        margin-top: 12px;
      }
      #r-pricing .chart {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 14px 10px;
      }
      #r-pricing .chart .ck {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.05em;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
      }
      #r-pricing .bars {
        display: flex;
        align-items: flex-end;
        gap: 7px;
        height: 96px;
      }
      #r-pricing .bar {
        flex: 1;
        background: linear-gradient(180deg, var(--grn), var(--grn-deep));
        border-radius: 4px 4px 0 0;
        height: 0;
        transition: height 1s var(--ease);
        opacity: 0.9;
      }
      #r-pricing .reveal.in .bar,
      #r-pricing .go .bar {
        height: var(--h);
      }
      #r-pricing .list {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 12px 12px;
      }
      #r-pricing .list .lk {
        font-size: 10px;
        color: var(--mut);
        font-family: var(--mono);
        margin-bottom: 8px;
      }
      #r-pricing .lrow {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 7px 0;
        border-top: 1px solid var(--line);
      }
      #r-pricing .lrow:first-of-type {
        border-top: none;
      }
      #r-pricing .lav {
        width: 22px;
        height: 22px;
        border-radius: 6px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
        flex: none;
      }
      #r-pricing .lrow .ln1 {
        font-size: 11px;
      }
      #r-pricing .lrow .ln2 {
        font-size: 9.5px;
        color: var(--faint);
      }
      #r-pricing .lscore {
        margin-left: auto;
        font-size: 10px;
        font-family: var(--mono);
        color: var(--grn);
        background: rgba(61, 220, 132, 0.1);
        padding: 2px 7px;
        border-radius: 6px;
      }
      #r-pricing .notif {
        position: absolute;
        z-index: 5;
        background: rgba(14, 20, 27, 0.94);
        backdrop-filter: blur(8px);
        border: 1px solid var(--line2);
        border-radius: 12px;
        padding: 11px 13px;
        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.9);
        display: flex;
        gap: 10px;
        align-items: flex-start;
        max-width: 245px;
      }
      #r-pricing .notif .ni {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        background: rgba(61, 220, 132, 0.14);
        display: grid;
        place-items: center;
        flex: none;
      }
      #r-pricing .notif .ni svg {
        width: 13px;
        height: 13px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      #r-pricing .notif .nt {
        font-size: 11.5px;
        font-weight: 500;
        line-height: 1.3;
      }
      #r-pricing .notif .ns {
        font-size: 10px;
        color: var(--faint);
        margin-top: 2px;
      }
      #r-pricing .n1 {
        top: 14%;
        left: -42px;
        animation: fl 6s var(--ease) infinite;
      }
      #r-pricing .n2 {
        bottom: 20%;
        right: -38px;
        animation: fl 7s var(--ease) infinite 0.8s;
      }
      #r-pricing .n3 {
        bottom: -22px;
        left: 14%;
        animation: fl 6.5s var(--ease) infinite 0.4s;
      }
      @keyframes r-pricing_fl {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-9px);
        }
      }
      #r-pricing .marquee {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        padding: 18px 0;
        overflow: hidden;
        white-space: nowrap;
        background: var(--bg2);
      }
      #r-pricing .mq {
        display: inline-flex;
        gap: 32px;
        align-items: center;
        animation: mq 34s linear infinite;
      }
      #r-pricing .mq span {
        font-family: var(--serif);
        font-style: italic;
        font-size: 22px;
        color: var(--mut);
      }
      #r-pricing .mq b {
        color: var(--grn);
        font-size: 9px;
      }
      #r-pricing .marquee:hover .mq {
        animation-play-state: paused;
      }
      @keyframes r-pricing_mq {
        to {
          transform: translateX(-50%);
        }
      }
      #r-pricing .sec {
        padding: 110px 0;
        position: relative;
      }
      #r-pricing .sechead {
        max-width: 760px;
        display: flex;
        flex-direction: column;
        gap: 18px;
      }
      #r-pricing .sectitle {
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.4vw, 3.5rem);
        line-height: 1.03;
        letter-spacing: -0.018em;
      }
      #r-pricing .reveal [data-r] {
        opacity: 0;
        transform: translateY(24px);
        transition: 0.85s var(--ease);
      }
      #r-pricing .reveal.in [data-r] {
        opacity: 1;
        transform: none;
      }
      #r-pricing .reveal.in [data-r].s2 {
        transition-delay: 0.1s;
      }
      #r-pricing .reveal.in [data-r].s3 {
        transition-delay: 0.2s;
      }
      #r-pricing .manifesto {
        border-top: 1px solid var(--line);
      }
      #r-pricing .mani-grid {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 56px;
        align-items: center;
      }
      #r-pricing .mani-quote {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.8vw, 4rem);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }
      #r-pricing .mani-quote em {
        color: var(--grn);
      }
      #r-pricing .mani-body {
        color: var(--mut);
        margin-top: 26px;
        max-width: 460px;
      }
      #r-pricing .mani-body b {
        color: var(--tx);
      }
      #r-pricing .imgwrap {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      #r-pricing .imgwrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: saturate(0.92) contrast(1.02);
      }
      #r-pricing .imgwrap::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 40%,
          rgba(8, 9, 11, 0.55)
        );
      }
      #r-pricing .imgtag {
        position: absolute;
        left: 16px;
        bottom: 14px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: #dfe6ec;
      }
      #r-pricing .feature {
        display: grid;
        grid-template-columns: 1fr 1.08fr;
        gap: 60px;
        align-items: center;
        padding: 64px 0;
        border-top: 1px solid var(--line);
      }
      #r-pricing .feature.rev {
        grid-template-columns: 1.08fr 1fr;
      }
      #r-pricing .feature.rev .fcopy {
        order: 2;
      }
      #r-pricing .fk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 16px;
      }
      #r-pricing .ftitle {
        font-family: var(--serif);
        font-weight: 350;
        font-size: clamp(1.7rem, 3vw, 2.5rem);
        line-height: 1.05;
        letter-spacing: -0.01em;
        margin-bottom: 16px;
      }
      #r-pricing .fcopy p {
        color: var(--mut);
        max-width: 440px;
      }
      #r-pricing .fchecks {
        list-style: none;
        margin-top: 22px;
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      #r-pricing .fchecks li {
        display: flex;
        align-items: center;
        gap: 11px;
        font-size: 14.5px;
        color: var(--tx);
      }
      #r-pricing .fchecks svg {
        width: 16px;
        height: 16px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2.2;
        flex: none;
      }
      #r-pricing .approval {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
        position: relative;
        max-width: 420px;
        margin-left: auto;
      }
      #r-pricing .ap-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
      }
      #r-pricing .ap-av {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: linear-gradient(135deg, #1f6f45, #0f3a24);
      }
      #r-pricing .ap-b {
        font-size: 13px;
        font-weight: 600;
      }
      #r-pricing .ap-s {
        font-size: 10.5px;
        color: var(--faint);
        font-family: var(--mono);
      }
      #r-pricing .ap-tag {
        margin-left: auto;
        font-family: var(--mono);
        font-size: 9px;
        letter-spacing: 0.12em;
        color: var(--grn);
        background: rgba(61, 220, 132, 0.12);
        padding: 4px 9px;
        border-radius: 20px;
        text-transform: uppercase;
      }
      #r-pricing .ap-media {
        height: 150px;
        border-radius: 11px;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--line);
      }
      #r-pricing .ap-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      #r-pricing .ap-cap {
        font-size: 12.5px;
        color: var(--mut);
        margin: 13px 2px;
        line-height: 1.5;
      }
      #r-pricing .ap-cap b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-pricing .ap-actions {
        display: flex;
        gap: 10px;
      }
      #r-pricing .ap-approve {
        flex: 1;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 9px;
        padding: 11px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
        transition: 0.25s;
      }
      #r-pricing .ap-approve:hover {
        background: var(--grn2);
      }
      #r-pricing .ap-hold {
        padding: 11px 18px;
        background: none;
        border: 1px solid var(--line2);
        color: var(--mut);
        border-radius: 9px;
        font-family: var(--mono);
        font-size: 12px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-pricing .ap-hold:hover {
        color: var(--tx);
        border-color: var(--line2);
      }
      #r-pricing .stamp {
        position: absolute;
        top: 56px;
        right: 22px;
        z-index: 6;
        font-family: var(--mono);
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.1em;
        color: var(--grn);
        border: 2.5px solid var(--grn);
        border-radius: 10px;
        padding: 7px 14px;
        transform: rotate(-11deg) scale(0.6);
        opacity: 0;
        box-shadow: 0 0 24px rgba(61, 220, 132, 0.3);
      }
      #r-pricing .reveal.in .stamp {
        animation: stampIn 0.6s var(--ease) 1s forwards;
      }
      @keyframes r-pricing_stampIn {
        to {
          opacity: 1;
          transform: rotate(-11deg) scale(1);
        }
      }
      #r-pricing .cal {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-pricing .cal-h {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 14px;
      }
      #r-pricing .cal-h .cm {
        font-family: var(--serif);
        font-size: 17px;
      }
      #r-pricing .cal-h .cl {
        font-family: var(--mono);
        font-size: 9.5px;
        color: var(--faint);
        display: flex;
        gap: 12px;
      }
      #r-pricing .cal-h .cl i {
        font-style: normal;
        display: inline-flex;
        align-items: center;
        gap: 5px;
      }
      #r-pricing .cal-h .cl i::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: var(--grn);
      }
      #r-pricing .cl .cb::before {
        background: var(--blue) !important;
      }
      #r-pricing .cl .ca::before {
        background: var(--amber) !important;
      }
      #r-pricing .cal-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 6px;
      }
      #r-pricing .cell {
        aspect-ratio: 1;
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 5px;
        font-size: 8.5px;
        color: var(--faint);
        position: relative;
        font-family: var(--mono);
      }
      #r-pricing .cell .cc {
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 5px;
        height: 15px;
        border-radius: 4px;
        font-size: 7.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #05130a;
        font-weight: 600;
        letter-spacing: 0.03em;
        opacity: 0;
        transform: translateY(4px);
        transition: 0.5s var(--ease);
      }
      #r-pricing .reveal.in .cell .cc {
        opacity: 1;
        transform: none;
      }
      #r-pricing .cc.reel {
        background: var(--grn);
      }
      #r-pricing .cc.car {
        background: var(--blue);
      }
      #r-pricing .cc.stat {
        background: var(--amber);
      }
      #r-pricing .report {
        background: linear-gradient(180deg, #10161d, #0c1116);
        border: 1px solid var(--line2);
        border-radius: 16px;
        padding: 20px;
        box-shadow: 0 40px 90px -34px rgba(0, 0, 0, 0.8);
      }
      #r-pricing .rep-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-bottom: 16px;
      }
      #r-pricing .rep-stats .stat .sv {
        font-size: 26px;
      }
      #r-pricing .band {
        position: relative;
        min-height: 520px;
        display: flex;
        align-items: flex-end;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        overflow: hidden;
      }
      #r-pricing .band .bimg {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #r-pricing .band .bimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) brightness(0.7);
      }
      #r-pricing .band::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
          90deg,
          rgba(8, 9, 11, 0.92) 0%,
          rgba(8, 9, 11, 0.55) 45%,
          rgba(8, 9, 11, 0.35) 100%
        );
      }
      #r-pricing .band-in {
        position: relative;
        z-index: 2;
        padding: 64px 0 60px;
      }
      #r-pricing .band-q {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 4.4vw, 3.6rem);
        line-height: 1.05;
        max-width: 16ch;
        letter-spacing: -0.018em;
      }
      #r-pricing .band-q em {
        color: var(--grn);
      }
      #r-pricing .band-s {
        color: var(--mut);
        margin-top: 20px;
        max-width: 440px;
      }
      #r-pricing .who-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        margin-top: 60px;
        border-top: 1px solid var(--line2);
      }
      #r-pricing .who-col {
        padding: 42px 42px 42px 0;
        border-right: 1px solid var(--line);
      }
      #r-pricing .who-col:last-child {
        padding: 42px 0 42px 42px;
        border-right: none;
      }
      #r-pricing .who-col .wk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 18px;
      }
      #r-pricing .who-col h3 {
        font-family: var(--serif);
        font-weight: 360;
        font-size: 1.8rem;
        margin-bottom: 14px;
      }
      #r-pricing .who-col p {
        color: var(--mut);
        max-width: 420px;
      }
      #r-pricing .gate-pts {
        display: flex;
        margin-top: 56px;
        border-top: 1px solid var(--line);
      }
      #r-pricing .gate-pts div {
        flex: 1;
        padding: 24px 28px 0 0;
        border-right: 1px solid var(--line);
        color: var(--mut);
        font-size: 0.96rem;
      }
      #r-pricing .gate-pts div:last-child {
        border-right: none;
        padding-right: 0;
      }
      #r-pricing .gate-pts .gk {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--grn);
        text-transform: uppercase;
        display: block;
        margin-bottom: 12px;
      }
      #r-pricing .price {
        background: var(--bg2);
        border-top: 1px solid var(--line);
      }
      #r-pricing .price-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 56px;
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
      }
      #r-pricing .pcard {
        padding: 32px 26px;
        border-right: 1px solid var(--line);
        transition: 0.4s var(--ease);
      }
      #r-pricing .pcard:last-child {
        border-right: none;
      }
      #r-pricing .pcard:hover {
        background: rgba(61, 220, 132, 0.04);
      }
      #r-pricing .pcard.feat {
        background: rgba(61, 220, 132, 0.05);
      }
      #r-pricing .pcard .pn {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mut);
      }
      #r-pricing .pcard .pp {
        font-family: var(--serif);
        font-size: 2.2rem;
        font-weight: 360;
        margin: 16px 0 3px;
      }
      #r-pricing .pcard .pp small {
        font-size: 0.85rem;
        color: var(--faint);
        font-family: var(--sans);
      }
      #r-pricing .pcard .pt {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        color: var(--grn);
        text-transform: uppercase;
      }
      #r-pricing .pcard .pd {
        color: var(--mut);
        font-size: 0.9rem;
        line-height: 1.5;
        margin-top: 12px;
        min-height: 88px;
      }
      #r-pricing .price-note {
        margin-top: 24px;
        color: var(--faint);
        font-size: 0.9rem;
        font-family: var(--mono);
      }
      #r-pricing .close {
        padding: 130px 0 0;
        text-align: center;
      }
      #r-pricing .close .big {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.2rem, 4.2vw, 3.6rem);
        line-height: 0.96;
        letter-spacing: -0.025em;
      }
      #r-pricing .close .big em {
        color: var(--grn);
      }
      #r-pricing .capture {
        display: flex;
        gap: 10px;
        max-width: 470px;
        margin: 44px auto 0;
        border: 1px solid var(--line2);
        border-radius: 100px;
        padding: 7px 7px 7px 24px;
        transition: 0.35s;
      }
      #r-pricing .capture:focus-within {
        border-color: var(--grn);
      }
      #r-pricing .capture input {
        flex: 1;
        background: none;
        border: none;
        outline: none;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 15px;
      }
      #r-pricing .capture input::placeholder {
        color: var(--faint);
      }
      #r-pricing .capture button {
        font-family: var(--mono);
        font-size: 12.5px;
        background: var(--grn);
        color: #05130a;
        border: none;
        border-radius: 100px;
        padding: 12px 22px;
        cursor: pointer;
        transition: 0.3s;
      }
      #r-pricing .capture button:hover {
        background: var(--grn2);
      }
      #r-pricing .capnote {
        margin-top: 15px;
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
      }
      #r-pricing footer {
        margin-top: 130px;
        border-top: 1px solid var(--line);
        padding: 60px 0 40px;
      }
      #r-pricing .foot-top {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        flex-wrap: wrap;
        align-items: flex-start;
      }
      #r-pricing .foot-mark {
        font-family: var(--serif);
        font-size: clamp(3rem, 12vw, 9rem);
        line-height: 0.8;
        font-weight: 400;
      }
      #r-pricing .foot-mark b {
        color: var(--grn);
      }
      #r-pricing .foot-links {
        display: flex;
        gap: 56px;
        flex-wrap: wrap;
      }
      #r-pricing .foot-col {
        display: flex;
        flex-direction: column;
        gap: 11px;
      }
      #r-pricing .foot-col .fh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 5px;
      }
      #r-pricing .foot-col a {
        color: var(--mut);
        font-size: 14px;
        transition: 0.3s;
      }
      #r-pricing .foot-col a:hover {
        color: var(--grn);
      }
      #r-pricing .foot-bot {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        padding-top: 22px;
        border-top: 1px solid var(--line);
        color: var(--faint);
        font-family: var(--mono);
        font-size: 11px;
        flex-wrap: wrap;
        gap: 12px;
      }
      @media (max-width: 980px) {
        #r-pricing .wrap,
        #r-pricing .nav-in {
          padding-left: 22px;
          padding-right: 22px;
        }
        #r-pricing .nlinks {
          display: none;
        }
        #r-pricing .hero-grid {
          grid-template-columns: minmax(0, 1fr);
          gap: 54px;
        }
        #r-pricing .hero-in {
          max-width: 100%;
        }
        #r-pricing .hero-figure {
          height: auto;
          width: 78%;
          right: -8%;
          bottom: 0;
          opacity: 0.22;
        }
        #r-pricing #cmdapp .main {
          min-height: 440px;
        }
        #r-pricing .hero-grid > *,
        #r-pricing .feature > *,
        #r-pricing .mani-grid > *,
        #r-pricing .mock,
        #r-pricing .fcopy {
          min-width: 0;
          max-width: 100%;
        }
        #r-pricing .app {
          transform: none;
          width: 100%;
        }
        #r-pricing .reveal-hero .app {
          transform: none;
        }
        #r-pricing .app-body {
          grid-template-columns: 108px 1fr;
        }
        #r-pricing .panel-row {
          grid-template-columns: 1fr;
        }
        #r-pricing .approval {
          margin: 0;
          max-width: 100%;
        }
        #r-pricing .mani-grid {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        #r-pricing .feature,
        #r-pricing .feature.rev {
          grid-template-columns: minmax(0, 1fr);
          gap: 34px;
        }
        #r-pricing .feature.rev .fcopy {
          order: 0;
        }
        #r-pricing .gate-pts {
          flex-direction: column;
        }
        #r-pricing .gate-pts div {
          border-right: none;
          border-bottom: 1px solid var(--line);
          padding: 20px 0;
        }
        #r-pricing .who-grid {
          grid-template-columns: 1fr;
        }
        #r-pricing .who-col,
        #r-pricing .who-col:last-child {
          padding: 32px 0;
          border-right: none;
          border-bottom: 1px solid var(--line);
        }
        #r-pricing .price-grid {
          grid-template-columns: 1fr 1fr;
        }
        #r-pricing .pcard:nth-child(2n) {
          border-right: none;
        }
        #r-pricing .stats {
          grid-template-columns: repeat(2, 1fr);
        }
        #r-pricing .notif {
          display: none;
        }
        #r-pricing .sec {
          padding: 80px 0;
        }
      }
      @media (max-width: 560px) {
        #r-pricing .price-grid {
          grid-template-columns: 1fr;
        }
        #r-pricing .stats {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #r-pricing * {
          animation-duration: 0.001s !important;
          transition-duration: 0.001s !important;
        }
        #r-pricing .h1 .ln > span {
          transform: none;
        }
        #r-pricing [data-r],
        #r-pricing .fade-up,
        #r-pricing .eyhero {
          opacity: 1 !important;
          transform: none !important;
        }
      }
      #r-pricing .trustline {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        font-size: 12.5px;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0.02em;
        flex-wrap: wrap;
      }
      #r-pricing .trustline .st {
        color: var(--grn);
        letter-spacing: 0.1em;
      }
      #r-pricing .trustline b {
        color: var(--tx);
      }
      #r-pricing .integ {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: var(--bg2);
        padding: 34px 0;
      }
      #r-pricing .integ .ik {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--faint);
        text-align: center;
        margin-bottom: 20px;
      }
      #r-pricing .ilogos {
        display: flex;
        justify-content: center;
        gap: 14px 40px;
        flex-wrap: wrap;
      }
      #r-pricing .ilogos span {
        font-family: var(--serif);
        font-size: 20px;
        color: var(--mut);
        opacity: 0.65;
        transition: 0.3s var(--ease);
        cursor: default;
      }
      #r-pricing .ilogos span:hover {
        opacity: 1;
        color: var(--tx);
      }
      #r-pricing .hero {
        min-height: 92vh;
        display: flex;
        align-items: center;
        padding: 120px 0 70px;
      }
      #r-pricing .hero-in {
        position: relative;
        z-index: 2;
      }
      #r-pricing .hero-figure {
        position: absolute;
        right: 1.5%;
        bottom: 0;
        height: 84%;
        z-index: 1;
        pointer-events: none;
        -webkit-mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
        -webkit-mask-composite: source-in;
        mask-composite: intersect;
        mask-image:
          linear-gradient(90deg, transparent 0, #000 26%),
          linear-gradient(0deg, transparent 1%, #000 14%);
      }
      #r-pricing .hero-figure img {
        height: 100%;
        width: auto;
        object-fit: contain;
        object-position: bottom right;
        filter: saturate(0.96) contrast(1.02);
      }
      #r-pricing .screen {
        position: absolute;
        inset: 18px 20px;
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.6s var(--ease),
          transform 0.6s var(--ease);
        pointer-events: none;
      }
      #r-pricing .screen.on {
        opacity: 1;
        transform: none;
        pointer-events: auto;
      }
      #r-pricing .wimg {
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 22px;
        aspect-ratio: 16/10;
        border: 1px solid var(--line2);
        position: relative;
      }
      #r-pricing .wimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.9) contrast(1.02);
      }
      #r-pricing .wimg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 55%,
          rgba(8, 9, 11, 0.5)
        );
      }
      #r-pricing #aurora,
      #r-pricing #fx {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
      }
      #r-pricing #aurora {
        z-index: 0;
        filter: blur(30px);
        opacity: 0.9;
        background:
          radial-gradient(
            38% 46% at 16% 20%,
            rgba(61, 220, 132, 0.1),
            transparent 68%
          ),
          radial-gradient(
            42% 42% at 84% 28%,
            rgba(28, 158, 86, 0.085),
            transparent 70%
          ),
          radial-gradient(
            55% 50% at 52% 96%,
            rgba(61, 220, 132, 0.07),
            transparent 72%
          );
        animation: aur 26s ease-in-out infinite alternate;
      }
      @keyframes r-pricing_aur {
        0% {
          transform: translate3d(-2%, -1%, 0) scale(1.05);
        }
        50% {
          transform: translate3d(3%, 2%, 0) scale(1.16);
        }
        100% {
          transform: translate3d(-1%, 3%, 0) scale(1.09);
        }
      }
      #r-pricing #fx {
        opacity: 0.6;
      }
      #r-pricing nav,
      #r-pricing header,
      #r-pricing section,
      #r-pricing footer,
      #r-pricing .marquee {
        position: relative;
        z-index: 1;
      }
      #r-pricing .pipe,
      #r-pricing .price,
      #r-pricing .integ,
      #r-pricing .marquee,
      #r-pricing #gate,
      #r-pricing #command,
      #r-pricing #who,
      #r-pricing #pricing {
        background: transparent !important;
      }
      #r-pricing .sectitle,
      #r-pricing .mani-quote,
      #r-pricing .gate-big,
      #r-pricing .band-q,
      #r-pricing .close .big {
        clip-path: inset(0 105% 0 -5%);
        transition: clip-path 1.15s cubic-bezier(0.19, 1, 0.22, 1);
      }
      #r-pricing .reveal.in .sectitle,
      #r-pricing .reveal.in .mani-quote,
      #r-pricing .reveal.in .gate-big,
      #r-pricing .reveal.in .band-q,
      #r-pricing .close.reveal.in .big {
        clip-path: inset(0 -5% 0 -5%);
      }
      @media (prefers-reduced-motion: reduce) {
        #r-pricing #fx {
          display: none;
        }
        #r-pricing #aurora {
          animation: none;
        }
        #r-pricing .sectitle,
        #r-pricing .mani-quote,
        #r-pricing .gate-big,
        #r-pricing .band-q,
        #r-pricing .close .big {
          clip-path: none !important;
        }
      }
      @media (max-width: 760px) {
        #r-pricing .hero {
          flex-direction: column;
          justify-content: flex-start;
          align-items: stretch;
          min-height: 100svh;
          padding: 100px 0 0;
        }
        #r-pricing .hero-bg img {
          object-position: 50% 26%;
        }
        #r-pricing .hero::after {
          background:
            linear-gradient(
              180deg,
              rgba(8, 9, 11, 0.6) 0%,
              rgba(8, 9, 11, 0.14) 20%,
              transparent 42%
            ),
            linear-gradient(
              0deg,
              rgba(8, 9, 11, 0.97) 4%,
              rgba(8, 9, 11, 0.86) 20%,
              rgba(8, 9, 11, 0.42) 38%,
              transparent 54%
            );
        }
        #r-pricing .hero-in {
          max-width: 100%;
        }
        #r-pricing .h1 {
          font-size: clamp(2.4rem, 10.5vw, 3.3rem);
          margin-top: 14px;
        }
        #r-pricing .sub {
          font-size: 1.01rem;
          margin-top: 16px;
          max-width: 100%;
        }
        #r-pricing .hero-cta {
          gap: 11px;
          margin-top: 22px;
        }
        #r-pricing .hero-cta .btn {
          padding: 12px 20px;
        }
        #r-pricing .trustline {
          margin-top: 16px;
        }
      }
      #r-pricing .kcol {
        background: var(--panel2);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 7px;
        min-height: 120px;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      #r-pricing .kcol.gate {
        background: rgba(61, 220, 132, 0.06);
        border-color: rgba(61, 220, 132, 0.3);
      }
      #r-pricing .kh {
        font-family: var(--mono);
        font-size: 8.5px;
        letter-spacing: 0.04em;
        color: var(--faint);
      }
      #r-pricing .kcard {
        background: var(--panel3);
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 8px 7px;
        font-size: 9.5px;
        color: var(--mut);
        transition: 0.4s var(--ease);
      }
      #r-pricing .kcard.live {
        background: rgba(61, 220, 132, 0.14);
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--tx);
        font-weight: 500;
      }
      #r-pricing .ktag {
        margin-top: auto;
        font-family: var(--mono);
        font-size: 7px;
        letter-spacing: 0.14em;
        color: var(--grn-deep);
      }
      #r-pricing .kcard.kflow {
        border-color: rgba(61, 220, 132, 0.55);
        box-shadow: 0 0 22px rgba(61, 220, 132, 0.28);
        color: var(--tx);
        transform: translateY(-2px);
      }
      #r-pricing .kcard.kdone {
        background: rgba(61, 220, 132, 0.16);
        border-color: rgba(61, 220, 132, 0.6);
        color: var(--grn2);
        font-weight: 600;
      }
      #r-pricing {
        --warn: #e8836f;
        --warn2: #f0a596;
      }
      #r-pricing .nlinks a.active {
        color: var(--tx);
      }
      #r-pricing .nlinks a.active::after {
        content: "";
        display: block;
        height: 1px;
        background: var(--grn);
        margin-top: 4px;
        box-shadow: 0 0 8px var(--grn);
      }
      #r-pricing .phero {
        position: relative;
        padding: 160px 0 66px;
        border-bottom: 1px solid var(--line);
        overflow: hidden;
        z-index: 1;
      }
      #r-pricing .phero .ey {
        margin-bottom: 18px;
      }
      #r-pricing .phero h1 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2.6rem, 6vw, 5rem);
        line-height: 0.98;
        letter-spacing: -0.024em;
        max-width: 15ch;
      }
      #r-pricing .phero h1 em {
        font-style: italic;
        color: var(--grn2);
      }
      #r-pricing .phero p {
        margin-top: 24px;
        max-width: 54ch;
        color: var(--mut);
        font-size: clamp(1rem, 1.2vw, 1.16rem);
      }
      #r-pricing .broken .bhead {
        text-align: center;
        font-family: var(--serif);
        font-weight: 340;
        font-size: clamp(2rem, 4.6vw, 3.5rem);
        letter-spacing: -0.022em;
        color: var(--warn2);
      }
      #r-pricing .stat-wall {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 46px;
      }
      #r-pricing .swcard {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: var(--bg2);
        padding: 30px 26px 26px;
        overflow: hidden;
      }
      #r-pricing .swcard::before {
        content: "";
        position: absolute;
        top: 0;
        left: 26px;
        width: 36px;
        height: 3px;
        border-radius: 2px;
        background: var(--warn);
      }
      #r-pricing .swcard.good::before {
        background: var(--grn);
      }
      #r-pricing .swn {
        font-family: var(--serif);
        font-weight: 400;
        font-size: clamp(2.1rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        color: var(--warn);
        line-height: 1;
      }
      #r-pricing .swcard.good .swn {
        color: var(--grn2);
      }
      #r-pricing .swn small {
        font-size: 0.46em;
        color: var(--mut);
        font-family: var(--mono);
        letter-spacing: 0;
        font-weight: 400;
      }
      #r-pricing .swl {
        margin-top: 12px;
        color: var(--mut);
        font-size: 0.94rem;
        line-height: 1.45;
      }
      #r-pricing .eqdiv {
        display: flex;
        align-items: center;
        gap: 22px;
        margin: 46px 0 8px;
      }
      #r-pricing .eqdiv span {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.18em;
        color: var(--grn);
        white-space: nowrap;
        text-transform: uppercase;
      }
      #r-pricing .eqdiv::before,
      #r-pricing .eqdiv::after {
        content: "";
        height: 1px;
        flex: 1;
        background: var(--line);
      }
      #r-pricing .compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        margin-top: 48px;
      }
      #r-pricing .cmpcard {
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 34px;
        background: var(--bg2);
      }
      #r-pricing .cmpcard.zyr {
        border-color: rgba(61, 220, 132, 0.32);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.055),
          transparent 60%
        );
      }
      #r-pricing .cmph {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.5rem;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        gap: 11px;
      }
      #r-pricing .cmph .dotg {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 10px var(--grn);
      }
      #r-pricing .flow {
        display: flex;
        align-items: center;
        gap: 9px;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }
      #r-pricing .pill {
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 15px;
        border: 1px solid var(--line2);
        border-radius: 9px;
        color: var(--tx);
        background: rgba(255, 255, 255, 0.015);
      }
      #r-pricing .cmpcard.zyr .pill {
        border-color: rgba(61, 220, 132, 0.4);
        color: var(--grn2);
        font-size: 11px;
        padding: 5px 10px;
      }
      #r-pricing .cmpcard.zyr .flow {
        gap: 5px;
      }
      #r-pricing .flow .arw {
        color: var(--faint);
        font-size: 13px;
      }
      #r-pricing .cmpcard.zyr .flow .arw {
        color: var(--grn);
      }
      #r-pricing .tags {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      #r-pricing .tag2 {
        font-family: var(--mono);
        font-size: 12px;
        padding: 6px 13px;
        border-radius: 7px;
        border: 1px solid rgba(232, 131, 111, 0.32);
        color: var(--warn2);
      }
      #r-pricing .cmpcard.zyr .tag2 {
        border-color: rgba(61, 220, 132, 0.45);
        color: var(--grn2);
        background: rgba(61, 220, 132, 0.09);
      }
      #r-pricing .agrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 50px;
      }
      #r-pricing .acard {
        border: 1px solid var(--line);
        border-radius: 20px;
        background: var(--bg2);
        padding: 32px;
        transition: 0.4s var(--ease);
      }
      #r-pricing .acard:hover {
        border-color: var(--line2);
        transform: translateY(-3px);
      }
      #r-pricing .acard.cta {
        background: linear-gradient(
          160deg,
          rgba(61, 220, 132, 0.09),
          transparent 70%
        );
        border-color: rgba(61, 220, 132, 0.28);
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      #r-pricing .aico {
        width: 48px;
        height: 48px;
        border-radius: 13px;
        background: rgba(61, 220, 132, 0.1);
        border: 1px solid rgba(61, 220, 132, 0.18);
        display: grid;
        place-items: center;
        margin-bottom: 24px;
      }
      #r-pricing .aico svg {
        width: 22px;
        height: 22px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      #r-pricing .ak {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--grn);
      }
      #r-pricing .acard h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.42rem;
        margin: 7px 0 11px;
      }
      #r-pricing .acard > p {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 18px;
        line-height: 1.5;
      }
      #r-pricing .alist {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      #r-pricing .alist li {
        font-size: 0.92rem;
        color: var(--tx);
        display: flex;
        gap: 10px;
        align-items: center;
      }
      #r-pricing .alist svg {
        width: 14px;
        height: 14px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
      }
      #r-pricing .acard.cta h3 {
        font-size: 1.6rem;
        margin-bottom: 14px;
      }
      #r-pricing .acard.cta p {
        color: var(--mut);
        margin-bottom: 24px;
      }
      #r-pricing .plans {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 52px;
        align-items: start;
      }
      #r-pricing .plan {
        position: relative;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: var(--bg2);
        padding: 36px 32px;
      }
      #r-pricing .plan.pop {
        border-color: var(--grn);
        background: linear-gradient(
          180deg,
          rgba(61, 220, 132, 0.07),
          transparent 55%
        );
        box-shadow: 0 0 70px -24px rgba(61, 220, 132, 0.45);
      }
      #r-pricing .pop-badge {
        position: absolute;
        top: -13px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--grn);
        color: #05130a;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.12em;
        padding: 6px 15px;
        border-radius: 100px;
        font-weight: 500;
        text-transform: uppercase;
      }
      #r-pricing .plan .pn {
        font-family: var(--serif);
        font-size: 1.55rem;
        font-weight: 400;
      }
      #r-pricing .plan .pdesc {
        color: var(--mut);
        font-size: 0.9rem;
        margin: 9px 0 24px;
        min-height: 40px;
        line-height: 1.45;
      }
      #r-pricing .plan .pp {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 3.1rem;
        letter-spacing: -0.02em;
        display: flex;
        align-items: baseline;
        gap: 5px;
        line-height: 1;
      }
      #r-pricing .plan .pp small {
        font-size: 0.85rem;
        color: var(--mut);
        font-family: var(--mono);
      }
      #r-pricing .plan .padd {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 9px;
        letter-spacing: 0.02em;
      }
      #r-pricing .pfeat {
        list-style: none;
        margin: 26px 0;
        display: flex;
        flex-direction: column;
        gap: 13px;
      }
      #r-pricing .pfeat li {
        display: flex;
        gap: 11px;
        font-size: 0.94rem;
        color: var(--tx);
        line-height: 1.4;
      }
      #r-pricing .pfeat svg {
        width: 15px;
        height: 15px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
        flex: none;
        margin-top: 3px;
      }
      #r-pricing .pbtn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
        border-radius: 100px;
        font-family: var(--mono);
        font-size: 13px;
        border: 1px solid var(--line2);
        color: var(--tx);
        cursor: pointer;
        transition: 0.3s var(--ease);
        background: none;
        letter-spacing: 0.02em;
      }
      #r-pricing .pbtn:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      #r-pricing .plan.pop .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
      }
      #r-pricing .plan.pop .pbtn:hover {
        background: var(--grn2);
        border-color: var(--grn2);
      }
      #r-pricing .price-sub {
        text-align: center;
        margin-top: 26px;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--faint);
        letter-spacing: 0.03em;
      }
      #r-pricing .subwrap {
        max-width: 660px;
        margin: 0 auto;
        border: 1px solid var(--line2);
        border-radius: 22px;
        background: var(--bg2);
        padding: 42px;
        position: relative;
        z-index: 1;
      }
      #r-pricing .substeps {
        display: flex;
        gap: 8px;
        margin-bottom: 14px;
      }
      #r-pricing .sstep {
        flex: 1;
        height: 4px;
        border-radius: 2px;
        background: var(--line2);
        transition: 0.4s;
      }
      #r-pricing .sstep.on {
        background: var(--grn);
      }
      #r-pricing .sscount {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--faint);
        text-transform: uppercase;
        margin-bottom: 24px;
      }
      #r-pricing .spanel {
        display: none;
        animation: sfade 0.5s var(--ease);
      }
      #r-pricing .spanel.on {
        display: block;
      }
      @keyframes r-pricing_sfade {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      #r-pricing .spanel h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 1.7rem;
        margin-bottom: 8px;
      }
      #r-pricing .spanel .shint {
        color: var(--mut);
        font-size: 0.95rem;
        margin-bottom: 26px;
      }
      #r-pricing .field {
        margin-bottom: 16px;
      }
      #r-pricing .field label {
        display: block;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--faint);
        margin-bottom: 8px;
      }
      #r-pricing .field input,
      #r-pricing .field select {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
      }
      #r-pricing .field input:focus,
      #r-pricing .field select:focus {
        outline: none;
        border-color: var(--grn);
      }
      #r-pricing .planpick {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
        margin-bottom: 8px;
      }
      #r-pricing .pp-opt {
        border: 1px solid var(--line2);
        border-radius: 13px;
        padding: 16px 14px;
        cursor: pointer;
        transition: 0.25s;
      }
      #r-pricing .pp-opt:hover {
        border-color: var(--line2);
      }
      #r-pricing .pp-opt.sel {
        border-color: var(--grn);
        background: rgba(61, 220, 132, 0.06);
      }
      #r-pricing .pp-opt .ppn {
        font-family: var(--serif);
        font-size: 1.05rem;
      }
      #r-pricing .pp-opt .ppp {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--grn);
        margin-top: 4px;
      }
      #r-pricing .brandrow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 12px 16px;
        margin-bottom: 16px;
      }
      #r-pricing .brandrow .stepper {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      #r-pricing .brandrow button {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        border: 1px solid var(--line2);
        background: none;
        color: var(--tx);
        font-size: 16px;
        cursor: pointer;
      }
      #r-pricing .brandrow button:hover {
        border-color: var(--grn);
        color: var(--grn);
      }
      #r-pricing .summ {
        border: 1px solid var(--line);
        border-radius: 13px;
        background: var(--panel);
        padding: 20px;
        margin: 18px 0 22px;
      }
      #r-pricing .summ .srow {
        display: flex;
        justify-content: space-between;
        padding: 7px 0;
        font-size: 0.94rem;
        color: var(--mut);
      }
      #r-pricing .summ .srow b {
        color: var(--tx);
        font-weight: 500;
      }
      #r-pricing .summ .stotal {
        border-top: 1px solid var(--line);
        margin-top: 8px;
        padding-top: 14px;
        font-size: 1.05rem;
      }
      #r-pricing .summ .stotal b {
        color: var(--grn2);
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      #r-pricing .subact {
        display: flex;
        gap: 12px;
        margin-top: 8px;
      }
      #r-pricing .subact .pbtn {
        flex: 1;
      }
      #r-pricing .subback {
        flex: 0 0 auto;
        width: auto;
        padding: 15px 24px;
      }
      #r-pricing .sdone {
        text-align: center;
        padding: 20px 0;
      }
      #r-pricing .sdone .sdi {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: grid;
        place-items: center;
        margin: 0 auto 22px;
      }
      #r-pricing .sdone .sdi svg {
        width: 30px;
        height: 30px;
        stroke: var(--grn);
        fill: none;
        stroke-width: 2;
      }
      #r-pricing .sdone h3 {
        font-family: var(--serif);
        font-weight: 400;
        font-size: 2rem;
        margin-bottom: 12px;
      }
      #r-pricing .sdone p {
        color: var(--mut);
        max-width: 40ch;
        margin: 0 auto;
      }
      #r-pricing .securenote {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        margin-top: 18px;
        font-family: var(--mono);
        font-size: 11px;
        color: var(--faint);
        letter-spacing: 0.04em;
      }
      #r-pricing .fifth-grid {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 48px;
        align-items: center;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: var(--bg2);
        padding: 52px;
      }
      #r-pricing .fifth-grid h2 {
        font-family: var(--serif);
        font-weight: 330;
        font-size: clamp(2rem, 3.6vw, 3rem);
        letter-spacing: -0.02em;
        line-height: 1.02;
      }
      #r-pricing .fifth-grid h2 em {
        font-style: normal;
        color: var(--grn2);
      }
      #r-pricing .fifth-grid > div > p {
        color: var(--mut);
        margin: 22px 0 30px;
        max-width: 46ch;
        line-height: 1.6;
      }
      #r-pricing .fcard {
        border: 1px solid var(--line2);
        border-radius: 18px;
        background: var(--panel);
        padding: 30px;
      }
      #r-pricing .fcard-top {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 18px;
      }
      #r-pricing .fcard-mark {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: conic-gradient(
          from 200deg,
          #6cf0a6,
          #6aa9f0,
          #b58cf0,
          #6cf0a6
        );
        display: grid;
        place-items: center;
      }
      #r-pricing .fcard-mark span {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        background: #05130a;
      }
      #r-pricing .fcard-name {
        font-family: var(--serif);
        font-size: 1.4rem;
      }
      #r-pricing .fcard-name b {
        color: var(--grn2);
      }
      #r-pricing .fcard-sub {
        font-family: var(--mono);
        font-size: 11.5px;
        color: var(--mut);
        letter-spacing: 0.04em;
        border-bottom: 1px solid var(--line);
        padding-bottom: 18px;
        margin-bottom: 6px;
      }
      #r-pricing .frow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid var(--line);
      }
      #r-pricing .frow:last-child {
        border-bottom: none;
      }
      #r-pricing .frow b {
        font-weight: 500;
        font-size: 0.98rem;
      }
      #r-pricing .frow span {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--faint);
      }
      #r-pricing .faq {
        max-width: 820px;
        margin: 48px auto 0;
      }
      #r-pricing .faq details {
        border-bottom: 1px solid var(--line);
        padding: 22px 0;
      }
      #r-pricing .faq summary {
        font-family: var(--serif);
        font-size: 1.2rem;
        cursor: pointer;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
      }
      #r-pricing .faq summary::-webkit-details-marker {
        display: none;
      }
      #r-pricing .faq summary::after {
        content: "+";
        color: var(--grn);
        font-family: var(--mono);
        font-size: 1.4rem;
        transition: 0.3s;
      }
      #r-pricing .faq details[open] summary::after {
        transform: rotate(45deg);
      }
      #r-pricing .faq details p {
        color: var(--mut);
        margin-top: 14px;
        max-width: 64ch;
        line-height: 1.6;
      }
      @media (max-width: 980px) {
        #r-pricing .stat-wall {
          grid-template-columns: 1fr 1fr;
        }
        #r-pricing .compare {
          grid-template-columns: 1fr;
        }
        #r-pricing .agrid {
          grid-template-columns: 1fr;
        }
        #r-pricing .plans {
          grid-template-columns: 1fr;
          gap: 26px;
        }
        #r-pricing .plan.pop {
          order: -1;
        }
        #r-pricing .fifth-grid {
          grid-template-columns: 1fr;
          gap: 34px;
          padding: 34px;
        }
        #r-pricing .planpick {
          grid-template-columns: 1fr;
        }
        #r-pricing .phero {
          padding: 130px 0 50px;
        }
      }
      @media (max-width: 560px) {
        #r-pricing .stat-wall {
          grid-template-columns: 1fr;
        }
        #r-pricing .subwrap {
          padding: 26px;
        }
      }
      #r-pricing .sectitle em,
      #r-pricing .ftitle em,
      #r-pricing .mani-quote em {
        font-style: italic;
        color: var(--grn2);
      }
      #r-pricing .sechead.ctr {
        text-align: center;
        align-items: center;
        max-width: none;
        margin: 0 auto;
      }
      #r-pricing .sechead.ctr .ey {
        justify-content: center;
      }
      #r-pricing .sechead.ctr .sub {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }
      #r-pricing .phero .wrap {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 40px;
        align-items: center;
      }
      #r-pricing .phero-txt {
        min-width: 0;
      }
      #r-pricing .phero-viz {
        position: relative;
        display: grid;
        place-items: center;
        min-height: 400px;
      }
      #r-pricing .phero h1 {
        max-width: none;
      }
      #r-pricing .orbit {
        position: relative;
        width: 380px;
        height: 380px;
      }
      #r-pricing .orbit .ring {
        position: absolute;
        inset: 0;
        border: 1px solid rgba(61, 220, 132, 0.13);
        border-radius: 50%;
      }
      #r-pricing .orbit .ring.r2 {
        inset: 46px;
        border-color: rgba(61, 220, 132, 0.1);
      }
      #r-pricing .orbit .ring.r3 {
        inset: 104px;
        border-color: rgba(61, 220, 132, 0.08);
      }
      #r-pricing .orbit-spin {
        position: absolute;
        inset: 0;
        animation: orbspin 46s linear infinite;
      }
      @keyframes r-pricing_orbspin {
        to {
          transform: rotate(360deg);
        }
      }
      #r-pricing .onode {
        position: absolute;
        width: 0;
        height: 0;
      }
      #r-pricing .onode .chip {
        position: absolute;
        transform: translate(-50%, -50%);
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.03em;
        color: var(--grn2);
        background: rgba(8, 9, 11, 0.72);
        border: 1px solid rgba(61, 220, 132, 0.32);
        border-radius: 100px;
        padding: 6px 12px;
        white-space: nowrap;
        animation: orbspinr 46s linear infinite;
        backdrop-filter: blur(2px);
      }
      #r-pricing .onode .chip::before {
        content: "";
        position: absolute;
        left: -4px;
        top: 50%;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 8px var(--grn);
        transform: translateY(-50%);
      }
      @keyframes r-pricing_orbspinr {
        to {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }
      #r-pricing .orbit-core {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 104px;
        height: 104px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        text-align: center;
        background: radial-gradient(
          circle,
          rgba(61, 220, 132, 0.16),
          transparent 72%
        );
      }
      #r-pricing .orbit-core b {
        font-family: var(--serif);
        font-size: 1.05rem;
        color: var(--tx);
        line-height: 1.05;
        position: relative;
        z-index: 2;
      }
      #r-pricing .orbit-core .oc-dot {
        position: absolute;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: var(--grn);
        box-shadow: 0 0 22px var(--grn);
        top: -2px;
        animation: ocpulse 2.8s ease-in-out infinite;
      }
      @keyframes r-pricing_ocpulse {
        0%,
        100% {
          transform: scale(1);
          opacity: 1;
        }
        50% {
          transform: scale(1.6);
          opacity: 0.55;
        }
      }
      #r-pricing .viz-img {
        position: relative;
        width: min(440px, 90%);
        aspect-ratio: 4/5;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid var(--line2);
      }
      #r-pricing .viz-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.94) contrast(1.02);
      }
      #r-pricing .viz-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 45%,
          rgba(8, 9, 11, 0.6)
        );
      }
      #r-pricing .viz-chip {
        position: absolute;
        left: 18px;
        bottom: 16px;
        z-index: 2;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.06em;
        color: var(--grn2);
        border: 1px solid rgba(61, 220, 132, 0.3);
        border-radius: 100px;
        padding: 7px 13px;
        background: rgba(8, 9, 11, 0.55);
      }
      #r-pricing .inquiry {
        max-width: 760px;
        margin: 44px auto 0;
        position: relative;
        z-index: 1;
      }
      #r-pricing .frow2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }
      #r-pricing .inquiry textarea {
        width: 100%;
        background: var(--panel);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 14px 16px;
        color: var(--tx);
        font-family: var(--sans);
        font-size: 0.98rem;
        resize: vertical;
        min-height: 120px;
      }
      #r-pricing .inquiry textarea:focus {
        outline: none;
        border-color: var(--grn);
      }
      #r-pricing .inquiry .pbtn {
        background: var(--grn);
        color: #05130a;
        border-color: var(--grn);
        margin-top: 6px;
      }
      #r-pricing .inquiry .pbtn:hover {
        background: var(--grn2);
      }
      @media (max-width: 900px) {
        #r-pricing .phero .wrap {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        #r-pricing .phero-viz {
          min-height: 320px;
          margin-top: 6px;
        }
        #r-pricing .orbit {
          transform: scale(0.82);
        }
        #r-pricing .frow2 {
          grid-template-columns: 1fr;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #r-pricing .orbit-spin {
          animation: none;
        }
        #r-pricing .onode .chip {
          animation: none;
        }
        #r-pricing .orbit-core .oc-dot {
          animation: none;
        }
      }
      #r-pricing .route {
        display: none;
      }
      #r-pricing .route.on {
        display: block;
        animation: routein 0.5s var(--ease);
      }
      @keyframes r-pricing_routein {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }
      #r-pricing .acct-toggle {
        display: inline-flex;
        gap: 4px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px;
      }
      #r-pricing .at-opt {
        border: 0;
        background: transparent;
        color: var(--mut);
        font-family: var(--mono);
        font-size: 13px;
        padding: 9px 24px;
        border-radius: 999px;
        cursor: pointer;
        transition: all 0.18s;
      }
      #r-pricing .at-opt.on {
        background: var(--grn);
        color: #04120a;
        font-weight: 600;
      }
      #r-pricing .acct-note {
        text-align: center;
        color: var(--mut);
        font-size: 12.5px;
        margin: 0 auto 24px;
        max-width: 560px;
      }
      #r-pricing .prod-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 26px;
        margin-top: 44px;
      }
      #r-pricing .prod-col {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 24px 22px;
        background: rgba(255, 255, 255, 0.02);
      }
      #r-pricing .prod-h {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }
      #r-pricing .prod-h h3 {
        margin: 0;
        font-size: 1.15rem;
      }
      #r-pricing .prod-ic {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: rgba(61, 220, 132, 0.12);
        border: 1px solid rgba(61, 220, 132, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--grn);
        font-size: 15px;
      }
      #r-pricing .prod-item {
        padding: 13px 0;
        border-top: 1px solid var(--line);
      }
      #r-pricing .prod-item b {
        display: block;
        color: #fff;
        font-size: 0.96rem;
        margin-bottom: 3px;
        font-weight: 500;
      }
      #r-pricing .prod-item span {
        color: var(--mut);
        font-size: 0.82rem;
        line-height: 1.45;
      }
      @media (max-width: 860px) {
        #r-pricing .prod-grid {
          grid-template-columns: 1fr;
        }
      }
      #r-pricing .legal {
        max-width: 820px;
        margin: 0 auto;
      }
      #r-pricing .legal h2 {
        font-size: 1.25rem;
        margin: 30px 0 8px;
        color: #fff;
      }
      #r-pricing .legal h3 {
        font-size: 1rem;
        margin: 20px 0 6px;
        color: #fff;
      }
      #r-pricing .legal p,
      #r-pricing .legal li {
        color: var(--mut);
        line-height: 1.7;
        font-size: 0.95rem;
      }
      #r-pricing .legal a {
        color: var(--grn);
      }
      #r-pricing .legal ul {
        padding-left: 20px;
      }
      #r-pricing .legal strong {
        color: #dfe7ec;
      }
      #r-pricing .legal table {
        border-collapse: collapse;
        width: 100%;
        margin: 12px 0;
        font-size: 0.85rem;
      }
      #r-pricing .legal th,
      #r-pricing .legal td {
        border: 1px solid var(--line);
        padding: 9px 11px;
        text-align: left;
        vertical-align: top;
        color: var(--mut);
      }
      #r-pricing .legal th {
        background: rgba(255, 255, 255, 0.04);
        color: #fff;
      }
      #r-pricing .legal .box {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px 16px;
        margin: 14px 0;
      }
      #r-pricing .legal .cf {
        color: #c9a23a;
      }
      #r-pricing .legal .meta {
        color: var(--mut);
        font-size: 0.85rem;
      }
      #r-pricing nav {
        z-index: 1001;
      }
      #r-pricing .ndrop {
        position: relative;
        display: inline-flex;
        align-items: center;
      }
      #r-pricing .ndrop > .ntrig {
        cursor: pointer;
      }
      #r-pricing .mega {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        min-width: 540px;
        background: #0c1116;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 22px;
        display: none;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 26px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
        z-index: 80;
      }
      #r-pricing .mega::before {
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
      }
      #r-pricing .ndrop:hover .mega {
        display: grid;
      }
      #r-pricing .mega.grid {
        min-width: 360px;
        grid-template-columns: repeat(2, 1fr);
      }
      #r-pricing .mega.two {
        min-width: 220px;
        grid-template-columns: 1fr;
      }
      #r-pricing .mega .mh {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--grn);
        margin-bottom: 8px;
      }
      #r-pricing .mega a {
        display: block;
        padding: 6px 0;
        color: #cdd6de;
        font-size: 14px;
        text-decoration: none;
      }
      #r-pricing .mega a:hover {
        color: var(--grn);
      }
      @media (max-width: 900px) {
        #r-pricing .mega {
          display: none !important;
        }
      }
      #r-home {
        padding-top: 0 !important;
      }
      #r-home .hero {
        min-height: 70vh !important;
        padding-top: 34px !important;
      }

      #r-pricing {
        padding-top: 0 !important;
      }
      #r-pricing .phero {
        padding-top: 50px !important;
      }

      #r-home .fade-up,
      #r-home .eyhero,
      #r-home [class*="fade-"] {
        opacity: 1 !important;
        transform: none !important;
      }
#the-studio .studio{background:var(--card-bg);border:1px solid var(--line2);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
#the-studio .studio-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line)}
#the-studio .studio-bar .dot{width:9px;height:9px;border-radius:50%;background:var(--line2)}
#the-studio .studio-bar .tt{margin-left:8px;font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:.06em}
#the-studio .studio-bar .live{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--grn);background:rgba(61,220,132,.12);border:1px solid rgba(61,220,132,.28);padding:3px 9px;border-radius:20px}
#the-studio .studio-body{display:grid;grid-template-columns:200px 1fr;gap:0}
#the-studio .brief{border-right:1px solid var(--line);padding:16px;background:rgba(0,0,0,.16)}
#the-studio .brief .bl{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
#the-studio .brief .bbrand{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--tx);padding:8px 10px;border:1px solid var(--line);border-radius:9px;margin-bottom:12px}
#the-studio .brief .bbrand .bd{width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,var(--grn),#0f3a24)}
#the-studio .brief .bprompt{font-size:12px;color:var(--mut);line-height:1.5;border:1px solid var(--line);border-radius:9px;padding:10px;min-height:78px}
#the-studio .brief .bprompt b{color:var(--tx);font-weight:600}
#the-studio .brief .bgen{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--grn);color:#05130a;font-family:var(--mono);font-size:11px;font-weight:500;border-radius:9px;padding:10px}
#the-studio .brief .bgen svg{width:12px;height:12px;fill:#05130a}
#the-studio .outputs{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:radial-gradient(120% 120% at 85% 0%,rgba(61,220,132,.05),transparent 60%)}
#the-studio .ct{border:1px solid var(--line);border-radius:11px;overflow:hidden;position:relative;background:var(--bg2)}
#the-studio .ct .cv{aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:flex-end;padding:11px;position:relative}
#the-studio .ct .cv .fmt{position:absolute;top:8px;left:8px;font-family:var(--mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:#dfe7ec;background:rgba(0,0,0,.35);padding:2px 6px;border-radius:5px}
#the-studio .ct .cv .pg{position:absolute;top:7px;right:8px;width:16px;height:16px;border-radius:5px;display:grid;place-items:center;background:rgba(0,0,0,.35)}
#the-studio .ct .cv .pg svg{width:10px;height:10px;fill:#fff}
#the-studio .ct .cv .ttl{font-family:var(--serif);font-size:16px;line-height:1.06;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#the-studio .ct .cv .cap{font-family:var(--mono);font-size:8px;color:rgba(255,255,255,.72);margin-top:5px}
#the-studio .ct .g1{background:linear-gradient(150deg,#123227,#0b1a14)}
#the-studio .ct .g2{background:linear-gradient(150deg,#2a2118,#140f0a)}
#the-studio .ct .g3{background:linear-gradient(150deg,#141d2b,#0a0f16)}
#the-studio .ct .g4{background:linear-gradient(150deg,#0f2a20,#0a1712)}
#the-studio .ct .g5{background:linear-gradient(150deg,#241826,#120b13)}
#the-studio .ct .g6{background:linear-gradient(150deg,#0e2530,#0a151b)}
#the-studio .ct .ob{position:absolute;top:30px;right:8px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:var(--grn);background:rgba(5,19,10,.72);border:1px solid rgba(61,220,132,.45);padding:2px 6px;border-radius:20px}
.sec.studio-sec{padding:76px 0}
.sec.studio-sec .st-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:54px;align-items:center;width:100%}
.st-copy .st-h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.3vw,44px);line-height:1.06;letter-spacing:-.01em;margin-top:15px}
.st-copy .st-h2 em{color:var(--grn);font-style:italic}
.st-body{margin-top:16px;max-width:472px}
.st-body p{color:var(--mut);font-size:16px;line-height:1.6}.st-body b{color:var(--tx)}
.su-list{display:flex;flex-direction:column;gap:14px;margin:26px 0 28px}
.su-li{display:flex;align-items:center;gap:12px;font-size:15.5px;color:var(--tx);line-height:1.3}
.su-li .k{flex:none;width:15px;height:15px;position:relative}
.su-li .k::after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid var(--grn);border-width:0 2px 2px 0;transform:rotate(45deg)}
.st-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;letter-spacing:.03em;color:var(--grn);cursor:pointer}
.st-link span{transition:transform .15s}.st-link:hover span{transform:translateX(4px)}
.st-visual .studio{width:100%;margin:0}
@media(max-width:900px){.sec.studio-sec{min-height:0;padding:64px 0}.sec.studio-sec .st-grid{grid-template-columns:1fr;gap:30px}.st-visual{order:2}.st-copy{order:1}#the-studio .studio-body{grid-template-columns:1fr}#the-studio .brief{border-right:none;border-bottom:1px solid var(--line)}}