@font-face {
        font-family: JetBrains Mono;
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: url(fonts/jetbrains-mono-400-700-cyrillic-ext.woff2)
          format("woff2");
        unicode-range:
          u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
          u+fe2e-fe2f;
      }
      @font-face {
        font-family: JetBrains Mono;
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: url(fonts/jetbrains-mono-400-700-cyrillic.woff2) format("woff2");
        unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
      }
      @font-face {
        font-family: JetBrains Mono;
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: url(fonts/jetbrains-mono-400-700-latin-ext.woff2) format("woff2");
        unicode-range:
          u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
          u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
          u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
      }
      @font-face {
        font-family: JetBrains Mono;
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: url(fonts/jetbrains-mono-400-700-latin.woff2) format("woff2");
        unicode-range:
          u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
          u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
          u+2212, u+2215, u+feff, u+fffd;
      }
      @font-face {
        font-family: Manrope;
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: url(fonts/manrope-400-700-cyrillic-ext.woff2) format("woff2");
        unicode-range:
          u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
          u+fe2e-fe2f;
      }
      @font-face {
        font-family: Manrope;
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: url(fonts/manrope-400-700-cyrillic.woff2) format("woff2");
        unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
      }
      @font-face {
        font-family: Manrope;
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: url(fonts/manrope-400-700-latin-ext.woff2) format("woff2");
        unicode-range:
          u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
          u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
          u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
      }
      @font-face {
        font-family: Manrope;
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: url(fonts/manrope-400-700-latin.woff2) format("woff2");
        unicode-range:
          u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
          u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
          u+2212, u+2215, u+feff, u+fffd;
      }
      @font-face {
        font-family: Unbounded;
        font-style: normal;
        font-weight: 600 800;
        font-display: swap;
        src: url(fonts/unbounded-600-800-cyrillic-ext.woff2) format("woff2");
        unicode-range:
          u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
          u+fe2e-fe2f;
      }
      @font-face {
        font-family: Unbounded;
        font-style: normal;
        font-weight: 600 800;
        font-display: swap;
        src: url(fonts/unbounded-600-800-cyrillic.woff2) format("woff2");
        unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
      }
      @font-face {
        font-family: Unbounded;
        font-style: normal;
        font-weight: 600 800;
        font-display: swap;
        src: url(fonts/unbounded-600-800-latin-ext.woff2) format("woff2");
        unicode-range:
          u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
          u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
          u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
      }
      @font-face {
        font-family: Unbounded;
        font-style: normal;
        font-weight: 600 800;
        font-display: swap;
        src: url(fonts/unbounded-600-800-latin.woff2) format("woff2");
        unicode-range:
          u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
          u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
          u+2212, u+2215, u+feff, u+fffd;
      }
      :root {
        --bg: #06070b;
        --bg2: #0c0e15;
        --ink: #f1f2f5;
        --mute: #a3a9b4;
        --mute2: #a8aeb9;
        --acc: #ff6a3d;
        --acc-text: #ff8a5e;
        --acc-soft: #ffbda4;
        --cool: #8fb0e8;
        --cool-text: #9dbcf2;
        --ok: #2bd98b;
        --warn: #ff8b9c;
        --line: rgba(255, 255, 255, 0.1);
        --line2: rgba(255, 255, 255, 0.06);
        --glass: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.075),
          rgba(255, 255, 255, 0.02)
        );
        --solid: linear-gradient(180deg, #151822, #0a0c11);
        --d: "Unbounded", ui-sans-serif, system-ui, -apple-system, sans-serif;
        --b: "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;
        --m: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
        --r: 12px;
        --r-lg: 16px;
        --shell: 1180px;
        color-scheme: dark;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        position: relative;
        margin: 0;
        background: var(--bg);
        color: var(--ink);
        font-family: var(--b);
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
      }
      h1,
      h2,
      h3,
      h4 {
        font-family: var(--d);
        margin: 0;
        letter-spacing: -0.042em;
        line-height: 1.14;
        text-wrap: balance;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      ::selection {
        background: rgba(255, 106, 61, 0.35);
      }
      :focus-visible {
        outline: 2px solid var(--acc);
        outline-offset: 3px;
        border-radius: 6px;
      }
      #glow {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(
          520px circle at var(--mx, 50%) var(--my, 18%),
          rgba(255, 106, 61, 0.09),
          transparent 62%
        );
        opacity: 0;
        transition: opacity 0.6s ease;
      }
      body.anim #glow {
        opacity: 1;
      }
      body.anim .rv {
        opacity: 0;
        transform: translateY(22px);
        transition:
          opacity 0.7s cubic-bezier(0.2, 0.7, 0.3, 1),
          transform 0.7s cubic-bezier(0.2, 0.7, 0.3, 1);
      }
      body.anim .rv.in {
        opacity: 1;
        transform: none;
      }
      .shell {
        width: 100%;
        max-width: var(--shell);
        margin: 0 auto;
        padding-inline: 30px;
      }
      .section,
      .shell {
        position: relative;
        z-index: 1;
      }
      .section {
        padding-block: clamp(40px, 4.4vw, 64px);
      }
      section[id] {
        scroll-margin-top: 86px;
      }
      .eyebrow {
        font-family: var(--m);
        font-size: 10.5px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--acc-text);
        display: block;
        margin: 0 0 16px;
      }
      .h2 {
        font-size: clamp(23px, 2.7vw, 33px);
      }
      .h2--lg {
        font-size: clamp(28px, 3.9vw, 49px);
      }
      .h2--sm {
        font-size: clamp(21px, 2.2vw, 27px);
      }
      .h3 {
        font-size: clamp(18px, 1.9vw, 22px);
      }
      .lede {
        color: var(--mute);
        font-size: clamp(15.5px, 1.3vw, 17.5px);
        line-height: 1.68;
        max-width: 58ch;
        margin: 18px 0 0;
      }
      .grad {
        background: linear-gradient(92deg, #fff, var(--acc-soft));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        font-family: var(--d);
        font-weight: 700;
        font-size: 15px;
        padding: 15px 26px;
        border-radius: var(--r);
        border: 0;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        transition:
          transform 0.2s cubic-bezier(0.2, 0.7, 0.3, 1),
          box-shadow 0.25s ease,
          background 0.2s ease;
      }
      .btn--acc {
        background: var(--acc);
        color: #1b0c05;
        box-shadow: 0 16px 40px -20px rgba(255, 106, 61, 1);
      }
      .btn--acc:after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(
          160px circle at var(--bx, 50%) var(--by, 50%),
          rgba(255, 255, 255, 0.28),
          transparent 60%
        );
        opacity: 0;
        transition: opacity 0.25s;
      }
      .btn--acc:hover {
        transform: translateY(-2px);
        box-shadow: 0 24px 52px -20px rgba(255, 106, 61, 1);
      }
      .btn--acc:hover:after {
        opacity: 1;
      }
      .btn--acc:disabled {
        opacity: 0.6;
        cursor: default;
        transform: none;
      }
      .btn--ghost {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--line);
        color: var(--ink);
      }
      .btn--ghost:hover {
        background: rgba(255, 255, 255, 0.09);
        transform: translateY(-2px);
      }
      .btn--wide {
        width: 100%;
      }
      .hdr {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 40;
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        background: rgba(7, 8, 10, 0.72);
        border-bottom: 1px solid var(--line2);
      }
      .hdr-in {
        justify-content: space-between;
        gap: 20px;
        height: 66px;
      }
      .hdr-in,
      .logo {
        display: flex;
        align-items: center;
      }
      .logo {
        gap: 10px;
        font-family: var(--d);
        font-weight: 800;
        font-size: 15.5px;
        letter-spacing: -0.02em;
      }
      .logo svg {
        width: 27px;
        height: 27px;
        flex: none;
      }
      .mainnav {
        display: flex;
        gap: 26px;
        font-size: 14px;
        color: var(--mute);
      }
      .mainnav a {
        transition: color 0.18s;
      }
      .mainnav a:hover {
        color: var(--ink);
      }
      .hdr-right {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .lang {
        display: inline-flex;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 3px;
        background: rgba(255, 255, 255, 0.04);
      }
      .lang a,
      .lang button {
        font-family: var(--b);
        border: 0;
        background: transparent;
        color: var(--mute);
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.06em;
        padding: 6px 12px;
        border-radius: 999px;
        cursor: pointer;
        transition:
          color 0.16s,
          background 0.16s;
      }
      .lang a:hover,
      .lang button:hover {
        color: var(--ink);
      }
      .lang a[aria-current="true"],
      .lang button[aria-current="true"] {
        background: rgba(255, 255, 255, 0.1);
        color: var(--ink);
      }
      .hdr .btn {
        padding: 10px 18px;
        font-size: 13.5px;
        border-radius: 10px;
      }
      .hero {
        padding-block: clamp(30px, 3.4vw, 48px) clamp(40px, 4.6vw, 64px);
        position: relative;
        z-index: 1;
      }
      .hero-in {
        display: grid;
        grid-template-columns: 1.14fr 0.86fr;
        grid-gap: clamp(36px, 5vw, 68px);
        gap: clamp(36px, 5vw, 68px);
      }
      .hero-in,
      .pill {
        align-items: center;
      }
      .pill {
        display: inline-flex;
        gap: 9px;
        border: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.04);
        border-radius: 999px;
        padding: 7px 15px;
        font-size: 12.8px;
        color: var(--mute);
      }
      .pill i {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--ok);
        animation: ping 2.4s ease-out infinite;
      }
      @keyframes ping {
        0% {
          box-shadow: 0 0 0 0 rgba(43, 217, 139, 0.55);
        }
        70% {
          box-shadow: 0 0 0 9px rgba(43, 217, 139, 0);
        }
        to {
          box-shadow: 0 0 0 0 rgba(43, 217, 139, 0);
        }
      }
      .hero h1 {
        font-size: clamp(27px, 3.7vw, 46px);
        line-height: 1.1;
        margin: 20px 0 0;
        max-width: 19ch;
      }
      .hero .lede {
        max-width: 45ch;
      }
      .hero-cta {
        gap: 13px;
        align-items: center;
        margin-top: 30px;
      }
      .hero-cta,
      .hero-price {
        display: flex;
        flex-wrap: wrap;
      }
      .hero-price {
        align-items: baseline;
        gap: 12px;
        margin: 20px 0 0;
      }
      .hp-old {
        font-weight: 600;
        font-size: 19px;
        color: var(--mute2);
        text-decoration: line-through;
        text-decoration-thickness: 1.5px;
        -webkit-text-decoration-color: var(--warn);
        text-decoration-color: var(--warn);
      }
      .hp-new,
      .hp-old {
        font-family: var(--d);
      }
      .hp-new {
        font-weight: 800;
        font-size: 30px;
        letter-spacing: -0.04em;
        line-height: 1;
        color: var(--ink);
      }
      .hp-off {
        font-family: var(--m);
        font-size: 11px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ok);
        border: 1px solid rgba(43, 217, 139, 0.32);
        background: rgba(43, 217, 139, 0.08);
        border-radius: 999px;
        padding: 6px 11px;
        white-space: nowrap;
      }
      .hero-meta {
        margin: 14px 0 0;
      }
      .gloss,
      .hero-meta {
        font-size: 13.2px;
        color: var(--mute2);
      }
      .gloss {
        margin: 20px 0 0;
        max-width: 54ch;
        line-height: 1.6;
      }
      .stack {
        position: relative;
        height: 412px;
        perspective: 1300px;
      }
      .card {
        position: absolute;
        left: 0;
        right: 0;
        border-radius: var(--r-lg);
        border: 1px solid var(--line);
        background: var(--glass);
        padding: 18px;
        box-shadow: 0 50px 100px -50px rgba(0, 0, 0, 1);
        transform-style: preserve-3d;
        will-change: transform;
      }
      .card--3 {
        top: 0;
        z-index: 3;
        background: var(--solid);
      }
      .card--2 {
        top: 22px;
        bottom: -22px;
        left: 16px;
        right: 16px;
        z-index: 2;
        opacity: 0.5;
      }
      .card--1 {
        top: 42px;
        bottom: -42px;
        left: 32px;
        right: 32px;
        z-index: 1;
        opacity: 0.26;
      }
      .card-lbl {
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: #949ba7;
        display: flex;
        justify-content: space-between;
        gap: 12px;
      }
      .ask,
      .card-lbl {
        font-family: var(--m);
      }
      .ask {
        font-size: 12.4px;
        line-height: 1.8;
        color: #d6dae3;
        margin-top: 14px;
        min-height: 108px;
        border-left: 2px solid var(--acc);
        padding-left: 12px;
      }
      .cur {
        display: inline-block;
        width: 7px;
        height: 1.05em;
        background: var(--acc);
        vertical-align: -2px;
        animation: blink 1.05s steps(1) infinite;
      }
      .out {
        margin-top: 16px;
        border-top: 1px solid var(--line2);
        padding-top: 14px;
        opacity: 0;
        transform: translateY(8px);
        transition:
          opacity 0.55s ease,
          transform 0.55s ease;
      }
      .out.on {
        opacity: 1;
        transform: none;
      }
      .out-t {
        font-family: var(--m);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--ok);
      }
      .out ul {
        margin: 11px 0 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 9px;
      }
      .out li {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: 10px;
        gap: 10px;
        font-size: 13.2px;
        line-height: 1.5;
        color: #c9cdd6;
        opacity: 0;
        transform: translateX(-6px);
        transition:
          opacity 0.4s ease,
          transform 0.4s ease;
      }
      .out.on li {
        opacity: 1;
        transform: none;
      }
      .out.on li:first-child {
        transition-delay: 0.1s;
      }
      .out.on li:nth-child(2) {
        transition-delay: 0.25s;
      }
      .out.on li:nth-child(3) {
        transition-delay: 0.4s;
      }
      .out i {
        font-style: normal;
        width: 16px;
        height: 16px;
        border-radius: 5px;
        background: rgba(43, 217, 139, 0.16);
        color: var(--ok);
        font-size: 9.5px;
        font-weight: 800;
        display: grid;
        place-items: center;
        margin-top: 2px;
      }
      .whos {
        margin: 30px 0 0;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 54px;
        column-gap: 54px;
        border-top: 1px solid var(--line2);
      }
      .who,
      .whos {
        display: grid;
      }
      .who {
        grid-template-columns: 1fr;
        grid-gap: 4px;
        gap: 4px;
        padding: 17px 0 18px;
        border-bottom: 1px solid var(--line2);
      }
      .who dt {
        font-family: var(--d);
        font-weight: 600;
        font-size: 16px;
        letter-spacing: -0.02em;
        color: var(--ink);
      }
      .who dd {
        margin: 0;
        color: #adb3bd;
        font-size: 14.5px;
        line-height: 1.55;
      }
      @media (max-width: 760px) {
        .whos {
          grid-template-columns: 1fr;
          column-gap: 0;
        }
      }
      .pains {
        margin-top: 34px;
        border-top: 1px solid var(--line2);
      }
      .pain {
        display: grid;
        grid-template-columns: 58px 1fr 1fr;
        grid-gap: 0 34px;
        gap: 0 34px;
        align-items: start;
        padding: 26px 0 27px;
        border-bottom: 1px solid var(--line2);
        transition: background 0.3s;
      }
      .pain:hover {
        background: rgba(255, 255, 255, 0.018);
      }
      .pain-n {
        font-family: var(--m);
        font-size: 10.5px;
        letter-spacing: 0.18em;
        color: var(--mute2);
        padding-top: 8px;
      }
      .pain q {
        font-size: clamp(17px, 1.75vw, 21px);
        line-height: 1.38;
        letter-spacing: -0.025em;
        color: var(--ink);
      }
      .pain p {
        margin: 0;
        font-size: 15px;
        padding-top: 3px;
      }
      @media (max-width: 860px) {
        .pain {
          grid-template-columns: 40px 1fr;
          gap: 0 16px;
        }
        .pain p {
          grid-column: 2;
          padding-top: 10px;
        }
      }
      .pain:hover {
        border-color: var(--line);
        background: rgba(255, 255, 255, 0.05);
        transform: translateY(-3px);
      }
      .pain q {
        quotes: none;
        font-family: var(--d);
        font-weight: 600;
        font-size: 17.5px;
        line-height: 1.32;
        display: block;
      }
      .pain p {
        margin: 11px 0 0;
        color: var(--mute);
        font-size: 14.4px;
        line-height: 1.6;
      }
      .tiles {
        display: grid;
        grid-gap: 14px;
        gap: 14px;
        margin-top: 30px;
        grid-template-columns: repeat(3, 1fr);
      }
      .tiles--4 {
        grid-template-columns: repeat(4, 1fr);
      }
      .tile {
        border-radius: 15px;
        border: 1px solid var(--line);
        background: var(--glass);
        padding: 24px 22px;
        box-shadow: 0 30px 60px -44px rgba(0, 0, 0, 0.95);
        position: relative;
        overflow: hidden;
      }
      .tile:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 2px;
        background: linear-gradient(90deg, var(--acc), transparent);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.3, 1);
      }
      .tile.in:before {
        transform: scaleX(1);
      }
      .tile b {
        font-family: var(--m);
        font-size: 10px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--acc-text);
      }
      .tile h3 {
        font-size: 17.5px;
        margin-top: 12px;
      }
      .tile p {
        margin: 9px 0 0;
        color: var(--mute);
        font-size: 14.2px;
        line-height: 1.6;
      }
      .setup {
        margin-top: 26px;
        border-radius: var(--r-lg);
        border: 1px solid rgba(255, 106, 61, 0.4);
        background: linear-gradient(
          180deg,
          rgba(255, 106, 61, 0.09),
          rgba(255, 106, 61, 0.02)
        );
        padding: 24px;
        box-shadow: 0 36px 72px -44px rgba(0, 0, 0, 0.95);
        max-width: 900px;
      }
      .setup-t {
        font-family: var(--m);
        font-size: 10px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--acc-soft);
      }
      .setup h3 {
        font-size: 19px;
        margin-top: 8px;
      }
      .setup-lines {
        margin: 16px 0 0;
        background: rgba(0, 0, 0, 0.42);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 18px;
        font-size: 14.6px;
        line-height: 1.8;
        font-family: var(--b);
      }
      .setup-lines div {
        opacity: 0;
        transform: translateY(6px);
        transition:
          opacity 0.5s ease,
          transform 0.5s ease;
      }
      .setup.in .setup-lines div,
      body:not(.anim) .setup-lines div {
        opacity: 1;
        transform: none;
      }
      .setup.in .setup-lines div:first-child {
        transition-delay: 0.05s;
      }
      .setup.in .setup-lines div:nth-child(2) {
        transition-delay: 0.2s;
      }
      .setup.in .setup-lines div:nth-child(3) {
        transition-delay: 0.35s;
      }
      .setup.in .setup-lines div:nth-child(4) {
        transition-delay: 0.5s;
      }
      .setup-lbl {
        margin: 16px 0 10px;
        font-family: var(--m);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mute2);
      }
      .setup-lbl--out {
        margin-top: 22px;
        color: var(--ok);
      }
      .setup-out {
        list-style: none;
        margin: 0;
        padding: 16px 18px;
        border-radius: 13px;
        border: 1px solid rgba(43, 217, 139, 0.22);
        background: rgba(43, 217, 139, 0.045);
        display: grid;
        grid-gap: 9px;
        gap: 9px;
      }
      .setup-out li {
        position: relative;
        padding-left: 20px;
        font-size: 14.6px;
        line-height: 1.5;
        color: var(--ink);
      }
      .setup-out li:before {
        content: "";
        position: absolute;
        left: 4px;
        top: 0.62em;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--ok);
      }
      .setup-ba {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 12px;
        gap: 12px;
        margin-top: 18px;
      }
      .setup-now,
      .setup-was {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
        padding: 13px 15px;
        border-radius: 11px;
        border: 1px solid var(--line2);
      }
      .setup-was {
        color: var(--mute);
        background: rgba(255, 255, 255, 0.02);
      }
      .setup-now {
        color: var(--ink);
        border-color: rgba(255, 106, 61, 0.34);
        background: rgba(255, 106, 61, 0.08);
      }
      @media (max-width: 720px) {
        .setup-ba {
          grid-template-columns: 1fr;
        }
      }
      .setup-note {
        margin: 16px 0 0;
        color: var(--mute);
        font-size: 14.2px;
        line-height: 1.65;
      }
      .tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 26px;
      }
      .tab {
        font-family: var(--b);
        font-size: 14px;
        font-weight: 600;
        color: var(--mute);
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 10px 18px;
        cursor: pointer;
        transition:
          color 0.18s,
          background 0.18s,
          border-color 0.18s,
          transform 0.18s;
      }
      .tab:hover {
        color: var(--ink);
        transform: translateY(-2px);
      }
      .tab[aria-selected="true"] {
        color: #fff;
        background: var(--acc);
        border-color: transparent;
        box-shadow: 0 14px 30px -18px rgba(255, 106, 61, 1);
      }
      .compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
        gap: 16px;
        margin-top: 20px;
        align-items: start;
      }
      .cmp {
        border-radius: 15px;
        border: 1px solid var(--line2);
        background: rgba(255, 255, 255, 0.03);
        padding: 22px 20px;
        display: flex;
        flex-direction: column;
        gap: 13px;
      }
      .cmp--good {
        border-color: rgba(255, 106, 61, 0.45);
        background: linear-gradient(
          180deg,
          rgba(255, 106, 61, 0.1),
          rgba(255, 106, 61, 0.02)
        );
        box-shadow: 0 30px 60px -44px rgba(0, 0, 0, 0.95);
      }
      .cmp-label {
        margin: 0;
        font-family: var(--m);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: var(--mute2);
      }
      .cmp--good .cmp-label {
        color: var(--acc-soft);
      }
      .cmp-prompt {
        margin: 0;
        font-family: var(--b);
        font-size: 14.2px;
        line-height: 1.72;
        color: var(--ink);
        background: rgba(0, 0, 0, 0.42);
        border: 1px solid var(--line2);
        border-radius: 11px;
        padding: 16px;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
      }
      .cmp--bad .cmp-prompt {
        color: var(--mute);
      }
      .cmp-res-label {
        margin: 0;
        font-family: var(--m);
        font-size: 9.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mute2);
      }
      .cmp-out {
        margin: 0;
        padding: 14px 16px;
        border-radius: 12px;
        border: 1px solid var(--line2);
        background: rgba(255, 255, 255, 0.022);
        display: grid;
        grid-gap: 6px;
        gap: 6px;
      }
      .cmp-out p {
        margin: 0;
        font-size: 14.2px;
        line-height: 1.5;
        color: var(--mute);
      }
      .cmp-out p.is-sub {
        padding-left: 18px;
        font-size: 13.6px;
        opacity: 0.8;
      }
      .cmp-out--good {
        border-color: rgba(43, 217, 139, 0.22);
        background: rgba(43, 217, 139, 0.045);
      }
      .cmp-out--good p {
        color: var(--ink);
      }
      .cmp-verdict {
        margin: 0;
        display: flex;
        gap: 9px;
        align-items: baseline;
        font-size: 13.6px;
        line-height: 1.45;
        color: var(--mute2);
      }
      .cmp-verdict:before {
        content: "✕";
        color: var(--warn);
        font-size: 12px;
        flex: none;
      }
      .cmp-verdict--good {
        color: var(--ink);
      }
      .cmp-verdict--good:before {
        content: "✓";
        color: var(--ok);
      }
      .note {
        margin: 22px 0 0;
        border-left: 2px solid var(--acc);
        padding-left: 18px;
        color: var(--mute);
        font-size: 15px;
        line-height: 1.68;
        max-width: 76ch;
      }
      .note--warn {
        border-left-color: var(--warn);
        margin-top: 16px;
      }
      .cur-in {
        display: grid;
        grid-template-columns: minmax(280px, 0.8fr) 1.2fr;
        grid-gap: clamp(30px, 5vw, 80px);
        gap: clamp(30px, 5vw, 80px);
        align-items: start;
      }
      .cur-head {
        position: -webkit-sticky;
        position: sticky;
        top: 108px;
      }
      .cur-head .lede {
        max-width: 34ch;
      }
      .cur-in .track {
        margin-top: 6px;
      }
      @media (max-width: 900px) {
        .cur-in {
          grid-template-columns: 1fr;
        }
        .cur-head {
          position: static;
        }
        .cur-in .track {
          margin-top: 28px;
        }
      }
      .track {
        list-style: none;
        margin: 36px 0 0;
        padding: 0;
        position: relative;
      }
      .track:before {
        content: "";
        position: absolute;
        left: 27px;
        top: 28px;
        bottom: 28px;
        width: 1px;
        background: linear-gradient(
          180deg,
          transparent,
          var(--line) 6%,
          var(--line) 94%,
          transparent
        );
      }
      .leg {
        display: grid;
        grid-template-columns: 56px 1fr;
        grid-gap: 26px;
        gap: 26px;
        padding: 0 0 34px;
        position: relative;
      }
      .leg:last-child {
        padding-bottom: 0;
      }
      .leg-mark {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        border: 1px solid var(--line);
        background: var(--bg);
        display: grid;
        place-items: center;
        position: relative;
        z-index: 1;
        transition:
          border-color 0.3s,
          background 0.3s,
          box-shadow 0.3s;
      }
      .leg:hover .leg-mark {
        border-color: rgba(255, 106, 61, 0.6);
        background: #0d1018;
        box-shadow: 0 0 0 4px rgba(255, 106, 61, 0.08);
      }
      .leg-mark .mod-ico {
        width: 26px;
        height: 26px;
      }
      .leg-body {
        padding-top: 3px;
        max-width: 62ch;
      }
      .leg-n {
        font-family: var(--m);
        font-size: 10.5px;
        letter-spacing: 0.18em;
        color: var(--cool-text);
        display: block;
        margin-bottom: 7px;
      }
      .leg-body h3 {
        font-family: var(--d);
        font-weight: 700;
        font-size: clamp(19px, 1.9vw, 23px);
        letter-spacing: -0.025em;
        margin: 0 0 8px;
      }
      .leg-body p {
        color: var(--mute);
        font-size: 15px;
        line-height: 1.6;
        margin: 0;
      }
      .leg-res {
        display: inline-block;
        margin-top: 13px;
        font-size: 14px;
        color: var(--ok);
        border-left: 2px solid rgba(43, 217, 139, 0.55);
        padding-left: 12px;
      }
      @media (max-width: 720px) {
        .track:before {
          left: 21px;
        }
        .leg {
          grid-template-columns: 44px 1fr;
          gap: 18px;
          padding-bottom: 28px;
        }
        .leg-mark {
          width: 44px;
          height: 44px;
        }
        .leg-mark .mod-ico {
          width: 22px;
          height: 22px;
        }
      }
      .skills {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 0;
        column-gap: 0;
        grid-row-gap: 0;
        row-gap: 0;
        margin-top: 34px;
        border-top: 1px solid var(--line2);
      }
      .skill {
        position: relative;
        padding: 22px 26px 24px 0;
        border-bottom: 1px solid var(--line2);
        overflow: hidden;
      }
      .skill:not(:nth-child(3n)):after {
        content: "";
        position: absolute;
        top: 18px;
        bottom: 18px;
        right: 13px;
        width: 1px;
        background: var(--line2);
      }
      .skill:nth-child(3n),
      .skill:nth-child(3n + 2) {
        padding-left: 26px;
      }
      .skill .n {
        font-family: var(--m);
        font-size: 10.5px;
        letter-spacing: 0.18em;
        color: var(--cool-text);
        display: block;
        margin-bottom: 9px;
      }
      .skill h3 {
        font-family: var(--d);
        font-weight: 600;
        font-size: 17px;
        letter-spacing: -0.025em;
        margin: 0 0 7px;
      }
      .skill p {
        color: var(--mute);
        font-size: 14.4px;
        line-height: 1.55;
        margin: 0;
      }
      @media (max-width: 900px) {
        .skills {
          grid-template-columns: 1fr 1fr;
        }
        .skill:not(:nth-child(3n)):after {
          display: none;
        }
        .skill:not(:nth-child(2n)):after {
          content: "";
          position: absolute;
          top: 18px;
          bottom: 18px;
          right: 13px;
          width: 1px;
          background: var(--line2);
        }
        .skill:nth-child(3n),
        .skill:nth-child(3n + 2) {
          padding-left: 0;
        }
        .skill:nth-child(2n) {
          padding-left: 26px;
        }
      }
      @media (max-width: 620px) {
        .skills {
          grid-template-columns: 1fr;
        }
        .skill:after,
        .skill:not(:nth-child(2n)):after {
          display: none !important;
        }
        .skill,
        .skill:nth-child(2n) {
          padding-left: 0;
          padding-right: 0;
        }
      }
      .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 14px;
        gap: 14px;
        margin-top: 26px;
      }
      .stat {
        border-radius: 15px;
        border: 1px solid var(--line2);
        background: var(--glass);
        padding: 24px 20px;
      }
      .stat b {
        font-family: var(--d);
        font-weight: 800;
        font-size: clamp(25px, 2.9vw, 34px);
        letter-spacing: -0.04em;
        display: block;
        line-height: 1;
        font-feature-settings: "tnum";
        font-variant-numeric: tabular-nums;
        background: linear-gradient(92deg, #fff, var(--cool));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .stat span {
        display: block;
        margin-top: 8px;
        font-size: 12px;
        letter-spacing: 0.11em;
        text-transform: uppercase;
        color: var(--mute2);
        font-weight: 700;
      }
      .quotes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 14px;
        gap: 14px;
        margin-top: 30px;
      }
      .quote {
        margin: 0;
        border-radius: 15px;
        border: 1px solid var(--line);
        background: var(--glass);
        padding: 24px 22px;
        display: flex;
        flex-direction: column;
        gap: 13px;
      }
      .quote-result {
        margin: 0;
        font-family: var(--d);
        font-weight: 800;
        font-size: 19px;
        letter-spacing: -0.03em;
        background: linear-gradient(92deg, #fff, var(--acc-soft));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .quote blockquote {
        margin: 0;
        font-size: 14.8px;
        line-height: 1.62;
        color: var(--mute);
      }
      .quote figcaption {
        display: flex;
        flex-direction: column;
        gap: 2px;
        border-top: 1px solid var(--line2);
        padding-top: 13px;
        margin-top: auto;
      }
      .quote figcaption b {
        font-family: var(--d);
        font-size: 14.5px;
      }
      .quote figcaption span {
        font-size: 13px;
        color: var(--mute2);
      }
      .band {
        position: relative;
        z-index: 1;
        padding-block: clamp(56px, 6.6vw, 96px);
        border-block: 1px solid var(--line2);
        background:
          radial-gradient(
            120% 140% at 12% 0,
            rgba(255, 106, 61, 0.2),
            transparent 62%
          ),
          linear-gradient(180deg, #11131d, #0b0d14);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      }
      .band-in {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
      .band .h2 {
        max-width: 19ch;
      }
      .cost-text {
        margin: 22px 0 32px;
        font-size: clamp(15.5px, 1.4vw, 18px);
        line-height: 1.7;
        color: var(--mute);
        max-width: 72ch;
      }
      .faq-list {
        margin-top: 26px;
        border-top: 1px solid var(--line2);
      }
      .faq-item {
        border-bottom: 1px solid var(--line2);
      }
      .faq-q {
        width: 100%;
        background: transparent;
        border: 0;
        color: var(--ink);
        font-family: var(--d);
        font-weight: 600;
        font-size: clamp(16px, 1.7vw, 18.5px);
        letter-spacing: -0.02em;
        text-align: left;
        padding: 22px 44px 22px 0;
        cursor: pointer;
        position: relative;
        line-height: 1.32;
        transition: color 0.18s;
      }
      .faq-q:hover {
        color: var(--acc-soft);
      }
      .faq-q:after {
        content: "";
        position: absolute;
        right: 8px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-right: 2px solid var(--acc);
        border-bottom: 2px solid var(--acc);
        transform: translateY(-70%) rotate(45deg);
        transition: transform 0.24s cubic-bezier(0.2, 0.7, 0.3, 1);
      }
      .faq-item[data-open="true"] .faq-q:after {
        transform: translateY(-20%) rotate(225deg);
      }
      .faq-a {
        margin: 0;
        padding: 0 60px 24px 0;
        color: var(--mute);
        font-size: 15px;
        line-height: 1.68;
        max-width: 76ch;
      }
      .buy {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
        gap: 16px;
        margin-top: 28px;
      }
      .panel--lit {
        position: relative;
        border-color: rgba(255, 106, 61, 0.34);
      }
      .trace {
        position: absolute;
        top: 0;
        left: 0;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--acc-soft);
        box-shadow:
          0 0 10px 2px rgba(255, 106, 61, 0.85),
          0 0 26px 6px rgba(255, 106, 61, 0.35);
        transform: translate(-50%, -50%);
        animation: trace 9s linear infinite;
        pointer-events: none;
      }
      @keyframes trace {
        0% {
          top: 0;
          left: 0;
        }
        25% {
          top: 0;
          left: 100%;
        }
        50% {
          top: 100%;
          left: 100%;
        }
        75% {
          top: 100%;
          left: 0;
        }
        to {
          top: 0;
          left: 0;
        }
      }
      .panel {
        border-radius: 17px;
        border: 1px solid var(--line);
        background: var(--glass);
        padding: 28px 26px;
        box-shadow: 0 40px 80px -48px rgba(0, 0, 0, 1);
        display: flex;
        flex-direction: column;
      }
      .price {
        font-family: var(--d);
        font-weight: 800;
        font-size: clamp(34px, 4.2vw, 46px);
        letter-spacing: -0.045em;
        line-height: 1;
        display: flex;
        align-items: baseline;
        gap: 12px;
        flex-wrap: wrap;
      }
      .price s {
        font-size: 21px;
        color: var(--mute2);
        font-weight: 600;
      }
      .price-save {
        font-family: var(--m);
        font-size: 11.5px;
        letter-spacing: 0.08em;
        border: 1px solid rgba(43, 217, 139, 0.4);
        background: rgba(43, 217, 139, 0.1);
        color: var(--ok);
        border-radius: 999px;
        padding: 5px 11px;
      }
      .incl {
        list-style: none;
        margin: 22px 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 11px;
        color: var(--mute);
        font-size: 14.6px;
        flex: 1 1;
      }
      .incl li {
        display: grid;
        grid-template-columns: 17px 1fr;
        grid-gap: 11px;
        gap: 11px;
        align-items: start;
        line-height: 1.5;
      }
      .incl i {
        font-style: normal;
        color: var(--ok);
        font-weight: 800;
        font-size: 12px;
        margin-top: 3px;
      }
      .form-head p {
        margin: 10px 0 20px;
        color: var(--mute);
        font-size: 14.8px;
        line-height: 1.6;
      }
      .field {
        display: block;
        margin-bottom: 13px;
      }
      .field label {
        display: block;
        font-size: 11.5px;
        color: var(--mute);
        margin-bottom: 7px;
        letter-spacing: 0.04em;
      }
      .trap {
        position: absolute;
        left: -9999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
      }
      .field input {
        width: 100%;
        border-radius: 11px;
        border: 1px solid var(--line);
        background: rgba(0, 0, 0, 0.35);
        padding: 13px 14px;
        color: var(--ink);
        font-family: var(--b);
        font-size: 15px;
        transition:
          border-color 0.2s,
          background 0.2s;
      }
      .field input:focus-visible {
        outline: none;
        border-color: rgba(255, 106, 61, 0.75);
        box-shadow: 0 0 0 3px rgba(255, 106, 61, 0.26);
      }
      .field input::placeholder {
        color: #4e5461;
      }
      .field input:focus {
        outline: none;
        border-color: var(--acc);
        background: rgba(0, 0, 0, 0.55);
      }
      .field input[aria-invalid="true"] {
        border-color: var(--warn);
      }
      .err {
        color: var(--warn);
        font-size: 13px;
        margin: 6px 0 0;
      }
      .form-foot {
        margin: 14px 0 0;
        color: var(--mute2);
        font-size: 12.6px;
        line-height: 1.5;
      }
      .sent {
        flex: 1 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 20px 0;
      }
      .sent-mark {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        background: var(--ok);
        color: #06210f;
        display: grid;
        place-items: center;
        font-size: 22px;
        font-weight: 800;
      }
      .sent p {
        margin: 0;
        color: var(--mute);
        font-size: 15px;
      }
      .ftr {
        border-top: 1px solid var(--line2);
        padding-block: 26px 34px;
        position: relative;
        z-index: 1;
      }
      .ftr-in {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        color: var(--mute2);
        font-size: 13.4px;
      }
      .ftr-tag {
        font-family: var(--d);
        font-weight: 700;
        font-size: 15px;
        color: var(--mute);
      }
      @media (max-width: 1040px) {
        .quotes,
        .skills,
        .stats,
        .tiles,
        .tiles--4 {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 900px) {
        .buy,
        .compare,
        .hero-in,
        .pains {
          grid-template-columns: 1fr;
        }
        .hero-in {
          gap: 38px;
        }
        .mainnav {
          display: none;
        }
        .stack {
          height: 340px;
        }
      }
      @media (max-width: 700px) {
        .logo {
          min-height: 44px;
        }
        .lang a,
        .lang button {
          min-height: 44px;
          display: inline-flex;
          align-items: center;
          padding-inline: 14px;
        }
      }
      @media (max-width: 620px) {
        .shell {
          padding-inline: 18px;
        }
        .quotes,
        .skills,
        .stats,
        .tiles,
        .tiles--4 {
          grid-template-columns: 1fr;
        }
        .hdr .btn {
          display: none;
        }
        .btn {
          width: 100%;
        }
        .panel {
          padding: 24px 20px;
        }
      }
      #field {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100vh;
        z-index: 0;
        pointer-events: none;
        opacity: 0;
        transition: opacity 1.2s ease;
      }
      body.anim #field {
        opacity: 1;
      }
      #progress {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, var(--acc), var(--acc-soft));
        transform: scaleX(0);
        transform-origin: left;
        z-index: 60;
        pointer-events: none;
      }
      .stack {
        transform-style: preserve-3d;
      }
      .card {
        transition: box-shadow 0.4s ease;
      }
      .btn {
        transform: translate(var(--tx, 0), var(--ty, 0));
        transition:
          transform 0.25s cubic-bezier(0.2, 0.7, 0.3, 1),
          box-shadow 0.25s ease,
          background 0.2s ease;
      }
      .btn--acc:hover,
      .btn--ghost:hover {
        transform: translate(var(--tx, 0), calc(var(--ty, 0px) - 2px));
      }
      .btn--acc {
        background:
          linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.14),
            rgba(255, 255, 255, 0) 42%
          ),
          var(--acc);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.34),
          inset 0 -1px 0 rgba(0, 0, 0, 0.28),
          0 1px 0 rgba(0, 0, 0, 0.5),
          0 16px 40px -20px rgba(255, 106, 61, 1);
      }
      .btn--acc:hover {
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.4),
          inset 0 -1px 0 rgba(0, 0, 0, 0.28),
          0 1px 0 rgba(0, 0, 0, 0.5),
          0 24px 52px -20px rgba(255, 106, 61, 1);
      }
      .btn--acc {
        background:
          linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0) 16%
          ),
          linear-gradient(
            100deg,
            #d8522a,
            #ff7a48 30%,
            #ff7a48 54%,
            #f56a38 74%,
            #dd542c
          );
      }
      .btn--acc:before {
        content: "";
        position: absolute;
        top: -40%;
        bottom: -40%;
        left: 0;
        width: 48%;
        background: linear-gradient(
          100deg,
          rgba(255, 255, 255, 0),
          rgba(255, 255, 255, 0.05) 26%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.05) 74%,
          rgba(255, 255, 255, 0)
        );
        transform: translateX(-180%) skewX(-16deg);
        animation: sheen 5.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        pointer-events: none;
      }
      @keyframes sheen {
        0% {
          transform: translateX(-180%) skewX(-16deg);
        }
        34%,
        to {
          transform: translateX(420%) skewX(-16deg);
        }
      }
      .btn--acc:hover:before {
        animation-duration: 1.9s;
      }
      .btn:active {
        transform: translate(var(--tx, 0), calc(var(--ty, 0px) + 1px))
          scale(0.985);
        transition-duration: 0.06s;
      }
      .btn--acc:active {
        box-shadow:
          inset 0 2px 5px rgba(0, 0, 0, 0.4),
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          0 6px 18px -12px rgba(255, 106, 61, 1);
      }
      .btn--ghost:active {
        box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.45);
      }
      .ripple {
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(255, 255, 255, 0.45),
          rgba(255, 255, 255, 0) 70%
        );
        transform: translate(-50%, -50%) scale(0);
        pointer-events: none;
        animation: ripple 0.62s cubic-bezier(0.2, 0.7, 0.3, 1) forwards;
      }
      @keyframes ripple {
        to {
          transform: translate(-50%, -50%) scale(9);
          opacity: 0;
        }
      }
      .compare {
        animation: panel 0.42s cubic-bezier(0.2, 0.7, 0.3, 1);
      }
      @keyframes panel {
        0% {
          opacity: 0;
          transform: translateY(10px);
        }
      }
      .faq-body {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.34s cubic-bezier(0.2, 0.7, 0.3, 1);
      }
      .faq-item[data-open="true"] .faq-body {
        grid-template-rows: 1fr;
      }
      .faq-body > div {
        overflow: hidden;
        min-height: 0;
      }
      .faq-a {
        opacity: 0;
        transform: translateY(-4px);
        transition:
          opacity 0.3s ease 0.06s,
          transform 0.3s ease 0.06s;
      }
      .faq-item[data-open="true"] .faq-a {
        opacity: 1;
        transform: none;
      }
      .sent {
        animation: sent 0.5s cubic-bezier(0.2, 0.7, 0.3, 1);
      }
      .sent-mark {
        animation: pop 0.5s cubic-bezier(0.2, 1.5, 0.4, 1);
      }
      @keyframes sent {
        0% {
          opacity: 0;
          transform: translateY(12px);
        }
      }
      @keyframes pop {
        0% {
          transform: scale(0.4);
          opacity: 0;
        }
      }
      .cred {
        position: relative;
        z-index: 1;
        padding-block: clamp(26px, 3vw, 38px);
        border-block: 1px solid var(--line2);
        background: linear-gradient(
          180deg,
          rgba(255, 106, 61, 0.05),
          transparent 70%
        );
      }
      .cred-in {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: clamp(24px, 4vw, 60px);
        gap: clamp(24px, 4vw, 60px);
        align-items: center;
      }
      .cred-copy .eyebrow {
        margin-bottom: 10px;
        color: var(--acc-soft);
      }
      .cred-line {
        font-family: var(--d);
        font-weight: 600;
        font-size: clamp(17px, 1.6vw, 21px);
        line-height: 1.35;
        letter-spacing: -0.02em;
        margin: 0;
        max-width: 34ch;
      }
      .cred-note {
        color: #adb3bd;
        font-size: 14.5px;
        line-height: 1.55;
        margin: 10px 0 0;
        max-width: 52ch;
      }
      .cred-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        list-style: none;
        margin: 0;
        padding: 0;
        justify-content: flex-end;
      }
      .cred-list li {
        font-family: var(--m);
        font-size: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mute);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 9px 15px;
        background: rgba(255, 255, 255, 0.02);
        white-space: nowrap;
      }
      @media (max-width: 900px) {
        .cred-in {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .cred-list {
          justify-content: flex-start;
        }
      }
      .scene {
        position: relative;
        height: 165vh;
        z-index: 1;
      }
      .scene-pin {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        height: 100vh;
        padding-top: 66px;
        display: flex;
        align-items: center;
        overflow: hidden;
      }
      .scene-in {
        display: grid;
        grid-template-columns: 1fr 0.9fr;
        grid-gap: 54px;
        gap: 54px;
        align-items: stretch;
        min-height: min(660px, 74vh);
        width: 100%;
      }
      .scene-copy {
        display: flex;
        flex-direction: column;
      }
      .scene-copy .lede {
        max-width: 44ch;
      }
      .scene-count {
        display: flex;
        align-items: baseline;
        gap: 10px;
        padding-top: 30px;
        margin: auto 0 0;
      }
      .scene-count span {
        font-family: var(--d);
        font-weight: 800;
        font-size: clamp(38px, 5vw, 60px);
        line-height: 1;
        letter-spacing: -0.05em;
        font-feature-settings: "tnum";
        font-variant-numeric: tabular-nums;
        background: linear-gradient(92deg, #fff, var(--cool));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .scene-count i {
        font-style: normal;
        font-family: var(--d);
        font-weight: 700;
        font-size: 22px;
        color: var(--mute2);
      }
      .scene-count em {
        font-style: normal;
        font-family: var(--m);
        font-size: 10.5px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mute);
        margin-left: 6px;
      }
      .scene-stage {
        position: relative;
        height: auto;
        display: flex;
        align-items: flex-end;
        justify-content: center;
      }
      .sc-card {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        gap: 14px;
        border-radius: 13px;
        border: 1px solid var(--line);
        background: linear-gradient(180deg, #181c26, #0b0d13);
        padding: 18px 20px;
        box-shadow: 0 26px 50px -30px rgba(0, 0, 0, 1);
        opacity: 0;
        will-change: transform, opacity;
      }
      .sc-card.is-top {
        border-color: rgba(255, 106, 61, 0.65);
        box-shadow:
          0 26px 50px -30px rgba(0, 0, 0, 1),
          0 0 0 1px rgba(255, 106, 61, 0.28),
          0 0 40px -12px rgba(255, 106, 61, 0.75);
      }
      .sc-n {
        font-family: var(--m);
        font-size: 10.5px;
        letter-spacing: 0.14em;
        color: var(--cool-text);
        flex: none;
      }
      .sc-t {
        font-family: var(--d);
        font-weight: 600;
        font-size: 16px;
        letter-spacing: -0.02em;
        line-height: 1.25;
      }
      @media (max-width: 900px) {
        .scene {
          height: 190vh;
        }
        .scene-in {
          grid-template-columns: 1fr;
          gap: 30px;
          min-height: 0;
        }
        .scene-count {
          margin-top: 26px;
          padding-top: 0;
        }
        .scene-stage {
          min-height: min(470px, 50vh);
        }
        .sc-card {
          padding: 14px 15px;
          gap: 11px;
        }
        .sc-t {
          font-size: 14px;
        }
        .scene-count span {
          font-size: 48px;
        }
      }
      body:before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: radial-gradient(
          90% 60% at 50% calc(100% * var(--scene, 0)),
          rgba(255, 106, 61, 0.07),
          transparent 70%
        );
        transition: background 0.8s linear;
      }
      body:not(.anim) .compare,
      body:not(.anim) .faq-a,
      body:not(.anim) .out,
      body:not(.anim) .setup-lines div {
        opacity: 1;
        transform: none;
      }
      body:not(.anim) .faq-body {
        grid-template-rows: 1fr;
      }
      body:not(.anim) .compare {
        animation: none;
      }
      .ring {
        position: fixed;
        top: 0;
        left: 0;
        width: 26px;
        height: 26px;
        border: 1px solid rgba(255, 189, 164, 0.75);
        border-radius: 50%;
        pointer-events: none;
        z-index: 90;
        mix-blend-mode: screen;
        transition:
          width 0.22s cubic-bezier(0.2, 0.7, 0.3, 1),
          height 0.22s cubic-bezier(0.2, 0.7, 0.3, 1),
          background 0.22s ease,
          border-color 0.22s ease,
          opacity 0.22s ease;
      }
      .ring.is-hot {
        width: 54px;
        height: 54px;
        background: rgba(255, 106, 61, 0.16);
        border-color: rgba(255, 189, 164, 0.95);
      }
      .ring.is-down {
        width: 20px;
        height: 20px;
        background: rgba(255, 106, 61, 0.34);
      }
      .h2 .word {
        display: inline-block;
        opacity: 0;
        transform: translateY(0.4em) rotate(1.5deg);
        transition:
          opacity 0.6s cubic-bezier(0.2, 0.7, 0.3, 1),
          transform 0.6s cubic-bezier(0.2, 0.7, 0.3, 1);
      }
      .h2.in .word {
        opacity: 1;
        transform: none;
      }
      .mod,
      .pain,
      .skill,
      .tile {
        transform: perspective(900px) rotateX(var(--rx, 0deg))
          rotateY(var(--ry, 0deg));
        transform-style: preserve-3d;
        transition:
          transform 0.4s cubic-bezier(0.2, 0.7, 0.3, 1),
          border-color 0.28s,
          background 0.28s;
      }
      .pain:hover {
        transform: perspective(900px) rotateX(var(--rx, 0deg))
          rotateY(var(--ry, 0deg)) translateY(-3px);
      }
      .plat {
        margin-top: 26px;
      }
      .plat-note {
        margin: 18px 0 0;
        color: var(--mute);
        font-size: 14.6px;
        line-height: 1.65;
        max-width: 70ch;
      }
      .app {
        border-radius: var(--r-lg);
        border: 1px solid var(--line);
        background: linear-gradient(180deg, #12151d, #090b10);
        overflow: hidden;
        box-shadow: 0 60px 120px -60px rgba(0, 0, 0, 1);
      }
      .app-bar {
        justify-content: space-between;
        gap: 14px;
        padding: 13px 18px;
        border-bottom: 1px solid var(--line2);
        font-family: var(--m);
        font-size: 10.5px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mute2);
      }
      .app-bar,
      .app-brand {
        display: flex;
        align-items: center;
      }
      .app-brand {
        gap: 9px;
        color: var(--mute);
      }
      .app-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--ok);
        flex: none;
      }
      .app-week b {
        color: var(--ink);
        margin-left: 10px;
        font-family: var(--d);
        letter-spacing: -0.01em;
        font-size: 12px;
      }
      .app-body {
        display: grid;
        grid-template-columns: 268px 1fr;
      }
      .app-side {
        border-right: 1px solid var(--line2);
        padding: 18px 16px;
        background: rgba(0, 0, 0, 0.25);
      }
      .app-module {
        margin: 0;
        font-family: var(--m);
        font-size: 10px;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        color: var(--acc-text);
      }
      .app-track {
        height: 4px;
        border-radius: 99px;
        background: rgba(255, 255, 255, 0.08);
        margin: 12px 0 16px;
        overflow: hidden;
      }
      .app-track i {
        display: block;
        height: 100%;
        background: linear-gradient(90deg, var(--acc), var(--acc-soft));
      }
      .app-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
      }
      .app-list li {
        display: grid;
        grid-template-columns: 22px 1fr;
        grid-gap: 10px;
        gap: 10px;
        align-items: start;
        padding: 10px;
        border-radius: 9px;
        font-size: 13.2px;
        line-height: 1.34;
        color: var(--mute);
      }
      .app-list li[data-state="now"] {
        background: rgba(255, 106, 61, 0.14);
        border: 1px solid rgba(255, 106, 61, 0.4);
        color: var(--ink);
      }
      .app-list li[data-state="lock"] {
        opacity: 0.45;
      }
      .app-ico {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        display: grid;
        place-items: center;
        font-size: 9.5px;
        background: rgba(255, 255, 255, 0.06);
        color: var(--mute2);
      }
      .app-list li[data-state="done"] .app-ico {
        background: rgba(43, 217, 139, 0.16);
        color: var(--ok);
      }
      .app-list li[data-state="now"] .app-ico {
        background: var(--acc);
        color: #fff;
      }
      .app-txt em {
        display: block;
        font-style: normal;
        font-family: var(--m);
        font-size: 9.5px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--mute2);
        margin-top: 5px;
      }
      .app-main {
        padding: 22px 24px 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .app-title {
        font-size: 19px;
        letter-spacing: -0.025em;
      }
      .app-block {
        border-radius: 12px;
        border: 1px solid var(--line2);
        background: rgba(0, 0, 0, 0.32);
        padding: 15px 16px;
      }
      .app-block--review {
        border-color: rgba(255, 106, 61, 0.42);
        background: linear-gradient(
          180deg,
          rgba(255, 106, 61, 0.12),
          rgba(255, 106, 61, 0.03)
        );
      }
      .app-lbl {
        font-family: var(--m);
        font-size: 9.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--mute2);
      }
      .app-lbl--acc {
        color: var(--acc-soft);
      }
      .app-code {
        margin-top: 10px;
        font-size: 13.6px;
        line-height: 1.7;
        color: #d3d7e0;
      }
      .app-review {
        margin: 10px 0 0;
        font-size: 13.8px;
        line-height: 1.62;
        color: var(--ink);
      }
      .app-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        margin-top: 2px;
      }
      .app-btn {
        font-family: var(--d);
        font-weight: 700;
        font-size: 12.5px;
        padding: 10px 16px;
        border-radius: 9px;
        border: 1px solid var(--line);
        color: var(--mute);
      }
      .app-btn--acc {
        background: var(--acc);
        border-color: transparent;
        color: #fff;
      }
      @media (max-width: 860px) {
        .app-body {
          grid-template-columns: 1fr;
        }
        .app-side {
          border-right: 0;
          border-bottom: 1px solid var(--line2);
        }
      }
      .mod-ico {
        width: 34px;
        height: 34px;
        flex: none;
        stroke: rgba(255, 255, 255, 0.34);
        transition:
          stroke 0.3s ease,
          transform 0.35s cubic-bezier(0.2, 0.7, 0.3, 1);
      }
      .mod-ico .hot {
        stroke: var(--acc);
      }
      .mod-ico .solid {
        fill: var(--acc);
      }
      .leg:hover .mod-ico {
        stroke: rgba(255, 255, 255, 0.6);
        transform: scale(1.06);
      }
      .sec--rail .rail {
        display: grid;
        grid-template-columns: 148px minmax(0, 1fr);
        grid-gap: 0 clamp(28px, 4vw, 56px);
        gap: 0 clamp(28px, 4vw, 56px);
        align-items: start;
      }
      .rail-tag {
        position: -webkit-sticky;
        position: sticky;
        top: 106px;
        margin: 7px 0 0;
      }
      .rail-body {
        min-width: 0;
      }
      .runs {
        margin-top: clamp(46px, 5.6vw, 78px);
        padding-top: clamp(34px, 4vw, 52px);
        border-top: 1px solid var(--line2);
      }
      @media (max-width: 920px) {
        .sec--rail .rail {
          grid-template-columns: minmax(0, 1fr);
        }
        .rail-tag {
          position: static;
          margin-top: 0;
        }
      }
      .pains {
        margin-left: auto;
        width: min(100%, 92%);
      }
      @media (max-width: 760px) {
        .pains {
          width: 100%;
        }
      }
      .bld {
        margin-top: 30px;
        display: grid;
        grid-template-columns: 0.88fr 1.12fr;
        grid-gap: 20px;
        gap: 20px;
        align-items: start;
      }
      .bld-in,
      .bld-out {
        border: 1px solid var(--line);
        border-radius: var(--r-lg);
        background: var(--glass);
        padding: clamp(18px, 2vw, 24px);
      }
      .bld-out {
        border-color: rgba(255, 106, 61, 0.28);
        background:
          linear-gradient(
            180deg,
            rgba(255, 106, 61, 0.055),
            rgba(255, 106, 61, 0)
          ),
          var(--glass);
        min-height: 100%;
      }
      .bld-lbl {
        display: block;
        font-family: var(--m);
        font-size: 10.5px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--acc-text);
        margin-bottom: 11px;
      }
      .bld-entry {
        position: relative;
      }
      .bld-entry span {
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-52%);
        font-family: var(--m);
        font-size: 15px;
        color: var(--acc);
        pointer-events: none;
      }
      .bld-entry input {
        width: 100%;
        min-width: 0;
        border: 1px solid var(--line);
        border-radius: 11px;
        background: rgba(0, 0, 0, 0.32);
        color: var(--ink);
        font-family: var(--b);
        font-size: 15px;
        padding: 14px 14px 14px 32px;
        transition:
          border-color 0.2s,
          box-shadow 0.2s;
      }
      .bld-entry input::placeholder {
        color: var(--mute2);
      }
      .bld-entry input:focus,
      .bld-entry input:focus-visible {
        outline: none;
        border-color: rgba(255, 106, 61, 0.75);
        box-shadow: 0 0 0 3px rgba(255, 106, 61, 0.26);
      }
      .bld-samples-lbl {
        margin: 16px 0 9px;
        font-size: 12.5px;
        color: var(--mute2);
      }
      .bld-samples {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .bld-samples button {
        border: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.04);
        color: var(--mute);
        border-radius: 999px;
        padding: 7px 13px;
        min-height: 34px;
        font-family: var(--b);
        font-size: 12.5px;
        line-height: 1.3;
        text-align: left;
        cursor: pointer;
        transition:
          color 0.2s,
          border-color 0.2s,
          background 0.2s;
      }
      .bld-samples button:hover {
        color: var(--ink);
        border-color: rgba(255, 106, 61, 0.45);
        background: rgba(255, 106, 61, 0.08);
      }
      .bld-naive {
        margin-top: 22px;
        padding-top: 20px;
        border-top: 1px solid var(--line2);
      }
      .bld-cap {
        margin: 0 0 9px;
        font-family: var(--m);
        font-size: 9.5px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--mute2);
      }
      .bld-cap--out {
        color: var(--cool-text);
      }
      .bld-naive-line {
        margin: 0;
        font-family: var(--m);
        font-size: 13px;
        line-height: 1.55;
        color: var(--mute);
      }
      .bld-naive-line i {
        display: inline-block;
        width: 7px;
        height: 1.05em;
        margin-left: 3px;
        vertical-align: -0.18em;
        background: var(--mute2);
        animation: blink 1.15s steps(1) infinite;
      }
      @keyframes blink {
        0%,
        49% {
          opacity: 1;
        }
        50%,
        to {
          opacity: 0;
        }
      }
      .bld-empty {
        margin: 0 0 14px;
        font-size: 13.5px;
        color: var(--mute2);
        transition: opacity 0.3s;
      }
      .bld-empty[data-built="true"] {
        opacity: 0;
      }
      .bld-steps {
        display: grid;
        grid-gap: 16px;
        gap: 16px;
      }
      .bld-step {
        opacity: 0.34;
        transform: translateY(6px);
        transition:
          opacity 0.45s ease,
          transform 0.45s cubic-bezier(0.2, 0.7, 0.3, 1);
        transition-delay: calc(var(--i) * 90ms);
      }
      .bld-steps[data-built="true"] .bld-step {
        opacity: 1;
        transform: none;
      }
      .bld-step h3 {
        display: flex;
        align-items: center;
        gap: 9px;
        margin: 0 0 9px;
        font-weight: 400;
        letter-spacing: 0.17em;
        text-transform: uppercase;
        color: var(--cool-text);
      }
      .bld-step h3,
      .bld-step h3 b {
        font-family: var(--m);
        font-size: 9.5px;
      }
      .bld-step h3 b {
        display: grid;
        place-items: center;
        width: 17px;
        height: 17px;
        border-radius: 5px;
        flex: none;
        background: rgba(143, 176, 232, 0.16);
        color: var(--cool-text);
        font-weight: 700;
        letter-spacing: 0;
      }
      .bld-problem {
        margin: 0;
        font-size: 14.6px;
        line-height: 1.55;
        color: var(--mute);
        border-left: 2px solid rgba(255, 255, 255, 0.14);
        padding-left: 14px;
      }
      .bld-ask {
        border: 1px solid var(--line2);
        border-radius: 12px;
        background: rgba(0, 0, 0, 0.38);
        padding: 15px 17px;
        display: grid;
        grid-gap: 7px;
        gap: 7px;
      }
      .bld-ask p {
        margin: 0;
        font-size: 14.2px;
        line-height: 1.6;
        color: var(--ink);
      }
      .bld-ask p.is-mine {
        margin: 2px -8px;
        padding: 5px 8px;
        border-left: 2px solid var(--acc);
        border-radius: 0 7px 7px 0;
        background: rgba(255, 106, 61, 0.1);
      }
      .bld-res {
        list-style: none;
        margin: 0;
        padding: 15px 17px;
        border-radius: 12px;
        border: 1px solid rgba(43, 217, 139, 0.22);
        background: rgba(43, 217, 139, 0.05);
        display: grid;
        grid-gap: 8px;
        gap: 8px;
      }
      .bld-res li {
        position: relative;
        padding-left: 19px;
        font-size: 14.2px;
        line-height: 1.5;
        color: var(--ink);
      }
      .bld-res li:before {
        content: "";
        position: absolute;
        left: 4px;
        top: 0.62em;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--ok);
      }
      .bld-win {
        margin: 12px 0 0;
        font-size: 13.6px;
        line-height: 1.55;
        color: var(--mute2);
      }
      .bld-copy {
        margin-top: 12px;
        width: 100%;
        justify-content: center;
        font-size: 13.5px;
        padding: 11px 18px;
      }
      .bld-samples button[aria-pressed="true"] {
        color: var(--ink);
        border-color: rgba(255, 106, 61, 0.55);
        background: rgba(255, 106, 61, 0.12);
      }
      @media (max-width: 860px) {
        .bld {
          grid-template-columns: minmax(0, 1fr);
        }
      }
      @media (max-width: 700px) {
        .bld-samples button {
          min-height: 44px;
          padding: 10px 15px;
          font-size: 13.5px;
        }
      }
      .nots {
        list-style: none;
        margin: 30px 0 0;
        padding: 0;
        display: grid;
        grid-gap: 14px;
        gap: 14px;
        max-width: 80ch;
      }
      .nots li {
        border-left: 2px solid rgba(143, 176, 232, 0.5);
        padding: 4px 0 4px 18px;
        color: var(--mute);
        font-size: 15.4px;
        line-height: 1.62;
      }
      .hon {
        margin: 30px auto 0;
        max-width: 78ch;
        border: 1px solid var(--line);
        border-radius: 17px;
        background: rgba(255, 255, 255, 0.015);
        padding: 24px 26px;
      }
      .hon h3 {
        font-family: var(--d);
        font-weight: 700;
        font-size: 17px;
        letter-spacing: -0.01em;
        margin: 0 0 12px;
        color: var(--fg);
      }
      .hon p {
        margin: 0;
        color: var(--mute);
        font-size: 15.4px;
        line-height: 1.66;
      }
      .hon p + p {
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid var(--line);
        color: var(--mute2);
      }
      @media (max-width: 640px) {
        .hon {
          padding: 20px 18px;
        }
      }
      .sec--tight {
        padding-block: clamp(28px, 3vw, 44px);
      }
      .dbt {
        max-width: 62ch;
        border-left: 2px solid rgba(255, 106, 61, 0.42);
        padding-left: clamp(16px, 2vw, 26px);
      }
      .lede--dim {
        color: var(--mute2);
        font-size: clamp(14.8px, 1.15vw, 16.2px);
      }
      .chk {
        margin-top: 26px;
        max-width: 64ch;
        border: 1px solid var(--line);
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.014);
        padding: 20px 24px;
      }
      .chk-lead {
        font-family: var(--m);
        font-size: 11px;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        color: var(--cool-text);
        margin: 0 0 14px;
      }
      .chk-qs {
        margin: 0;
        padding: 0 0 0 1.35em;
        display: grid;
        grid-gap: 9px;
        gap: 9px;
        color: var(--ink);
        font-size: 15.4px;
        line-height: 1.55;
      }
      .chk-qs li::marker {
        color: var(--acc-text);
        font-family: var(--m);
        font-size: 13px;
      }
      .chk-verdict {
        margin: 16px 0 0;
        padding-top: 14px;
        border-top: 1px solid var(--line);
        color: var(--mute);
        font-size: 14.8px;
        line-height: 1.6;
      }
      @media (max-width: 640px) {
        .chk {
          padding: 17px 16px;
        }
      }