:root {
        --bg: #06040d;
        --bg-soft: #0c0716;
        --panel: rgba(16, 10, 29, 0.78);
        --panel-strong: rgba(19, 12, 36, 0.94);
        --line: rgba(184, 125, 255, 0.18);
        --line-strong: rgba(217, 165, 255, 0.34);
        --text: #fbf8ff;
        --muted: #c9c0da;
        --subtle: #8c82a4;
        --purple: #a855f7;
        --violet: #7c3aed;
        --pink: #e879f9;
        --green: #10d7a0;
        --radius: 28px;
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
        overflow-x: clip;
        background: var(--bg);
      }

      body {
        margin: 0;
        min-height: 100dvh;
        overflow-x: clip;
        background:
          radial-gradient(circle at 12% -8%, rgba(168, 85, 247, 0.26), transparent 34%),
          radial-gradient(circle at 88% 14%, rgba(232, 121, 249, 0.12), transparent 28%),
          linear-gradient(180deg, #06040d 0%, #0a0613 45%, #05030a 100%);
        color: var(--text);
        font-family: "Montserrat", "Helvetica Neue", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        font-weight: 500;
      }

      @supports not (overflow: clip) {
        html,
        body {
          overflow-x: hidden;
        }
      }

      body::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: -2;
        background-image:
          linear-gradient(rgba(168, 85, 247, 0.045) 1px, transparent 1px),
          linear-gradient(90deg, rgba(168, 85, 247, 0.045) 1px, transparent 1px);
        background-size: 64px 64px;
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 90%);
        pointer-events: none;
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      .skip-link {
        position: fixed;
        top: 14px;
        left: 50%;
        z-index: 100;
        transform: translate(-50%, -140%);
        border: 1px solid rgba(232, 121, 249, 0.42);
        border-radius: 999px;
        background: rgba(8, 5, 18, 0.94);
        color: #fff;
        padding: 10px 14px;
        font-size: 12px;
        font-weight: 700;
        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
        transition: transform 0.18s ease;
      }

      .skip-link:focus {
        transform: translate(-50%, 0);
      }

      button,
      input {
        font: inherit;
      }

      a:focus-visible,
      button:focus-visible,
      input:focus-visible,
      summary:focus-visible {
        outline: 2px solid rgba(232, 121, 249, 0.82);
        outline-offset: 4px;
      }

      .container {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
      }

      .site-header {
        position: sticky;
        top: 14px;
        z-index: 20;
        margin: 14px auto 0;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: rgba(8, 5, 18, 0.72);
        backdrop-filter: blur(18px);
        box-shadow: 0 18px 70px rgba(0, 0, 0, 0.22);
      }

      .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        min-height: 72px;
        padding: 0 20px;
      }

      .brand {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.025em;
      }

      .brand img {
        width: 26px;
        height: 26px;
        object-fit: contain;
      }

      .nav-links {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .nav-links a {
        border-radius: 999px;
        padding: 10px 14px;
        color: rgba(255, 255, 255, 0.66);
        font-size: 13px;
        font-weight: 700;
      }

      .nav-links a:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.06);
      }

      .nav-actions {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .login {
        color: rgba(255, 255, 255, 0.68);
        font-size: 13px;
        font-weight: 700;
      }

      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        text-align: center;
        min-height: 44px;
        border: 0;
        border-radius: 999px;
        padding: 0 20px;
        cursor: pointer;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: -0.02em;
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
      }

      button {
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
      }

      .btn:hover,
      button:not(:disabled):hover {
        transform: translateY(-2px) scale(1.015);
      }

      .btn:active {
        transform: translateY(1px) scale(0.99);
      }

      .btn-primary {
        background: linear-gradient(135deg, var(--violet), var(--pink));
        box-shadow: 0 18px 48px rgba(168, 85, 247, 0.32);
      }

      .btn-primary:hover {
        box-shadow:
          0 22px 58px rgba(168, 85, 247, 0.42),
          inset 0 1px 0 rgba(255, 255, 255, 0.2);
      }

      .btn-secondary {
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.06);
      }

      .hero {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(340px, 0.5fr);
        gap: 48px;
        align-items: start;
        padding: 62px 0 32px;
      }

      .hero::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(232, 121, 249, 0.28), transparent);
        opacity: 0.75;
      }

      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        border: 1px solid rgba(184, 125, 255, 0.3);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.12);
        padding: 0 15px;
        color: #ead9ff;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .eyebrow::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: var(--pink);
        box-shadow: 0 0 20px rgba(232, 121, 249, 0.72);
      }

      .hero h1 {
        max-width: 790px;
        margin: 22px 0 0;
        font-size: clamp(40px, 4.85vw, 66px);
        line-height: 1.01;
        font-weight: 700;
        letter-spacing: -0.038em;
        text-wrap: balance;
      }

      .hero h1 span {
        color: transparent;
        background: linear-gradient(92deg, #b56cff 0%, #e879f9 52%, #ff82ca 100%);
        -webkit-background-clip: text;
        background-clip: text;
      }

      .hero-copy {
        max-width: 620px;
        margin: 18px 0 0;
        color: var(--muted);
        font-size: clamp(15px, 1.35vw, 18px);
        line-height: 1.58;
        font-weight: 500;
      }

      .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
      }

      .hero-panel {
        position: relative;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 30px;
        background:
          radial-gradient(circle at 75% 5%, rgba(232, 121, 249, 0.22), transparent 34%),
          linear-gradient(180deg, rgba(22, 14, 39, 0.92), rgba(10, 6, 19, 0.9));
        padding: 22px;
        box-shadow: 0 24px 90px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      }

      .hero-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 42%),
          linear-gradient(180deg, transparent, rgba(124, 58, 237, 0.12));
        pointer-events: none;
      }

      .panel-label {
        color: var(--subtle);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .panel-title {
        margin: 10px 0 16px;
        font-size: 22px;
        line-height: 1.08;
        font-weight: 700;
        letter-spacing: -0.034em;
      }

      .quick-posts {
        display: grid;
        gap: 10px;
      }

      .quick-post {
        position: relative;
        display: grid;
        grid-template-columns: 50px 1fr;
        gap: 12px;
        align-items: center;
        min-width: 0;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.045);
        padding: 9px;
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
      }

      .quick-post::after {
        content: "Leer";
        position: absolute;
        right: 12px;
        top: 12px;
        color: rgba(232, 121, 249, 0.68);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        opacity: 0;
        text-transform: uppercase;
        transition: opacity 0.18s ease, transform 0.18s ease;
        transform: translateX(-3px);
      }

      .quick-post:hover {
        transform: translateY(-2px);
        border-color: var(--line-strong);
        background: rgba(255, 255, 255, 0.07);
      }

      .quick-post:hover::after {
        opacity: 1;
        transform: translateX(0);
      }

      .quick-thumb {
        width: 58px;
        height: 58px;
        overflow: hidden;
        border-radius: 15px;
        background: rgba(168, 85, 247, 0.18);
        box-shadow:
          0 0 0 1px rgba(184, 125, 255, 0.18),
          0 18px 38px rgba(0, 0, 0, 0.28),
          0 0 34px rgba(168, 85, 247, 0.16);
      }

      .quick-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: #0a0613;
        filter: saturate(1.2) brightness(1.14);
      }

      .quick-post > span:last-child {
        min-width: 0;
      }

      .quick-post strong {
        display: block;
        display: -webkit-box;
        overflow: hidden;
        font-size: 12px;
        line-height: 1.25;
        font-weight: 600;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .quick-post small {
        display: block;
        overflow: hidden;
        margin-top: 5px;
        color: var(--subtle);
        font-size: 11px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .editor-pick {
        display: grid;
        grid-template-columns: minmax(0, 1.28fr) minmax(300px, 0.72fr);
        gap: 14px;
        margin: 0 0 32px;
      }

      .editor-main,
      .editor-stack {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(184, 125, 255, 0.18);
        border-radius: 30px;
        background:
          radial-gradient(circle at 12% 0%, rgba(232, 121, 249, 0.18), transparent 36%),
          linear-gradient(180deg, rgba(17, 10, 32, 0.88), rgba(8, 5, 16, 0.76));
      }

      .editor-main {
        display: grid;
        grid-template-columns: minmax(0, 0.74fr) minmax(320px, 0.82fr);
        min-height: 388px;
        color: inherit;
      }

      .editor-main::before,
      .editor-stack::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(168, 85, 247, 0.04) 1px, transparent 1px),
          linear-gradient(90deg, rgba(168, 85, 247, 0.035) 1px, transparent 1px);
        background-size: 42px 42px;
        mask-image: linear-gradient(120deg, rgba(0, 0, 0, 0.72), transparent 78%);
        pointer-events: none;
      }

      .editor-copy {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 28px;
      }

      .editor-eyebrow {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        gap: 8px;
        min-height: 34px;
        border: 1px solid rgba(232, 121, 249, 0.28);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.12);
        color: #efd9ff;
        padding: 0 12px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .editor-copy h2 {
        max-width: 620px;
        margin: 18px 0 0;
        color: #fff;
        font-size: clamp(28px, 3.1vw, 42px);
        line-height: 1.02;
        font-weight: 700;
        letter-spacing: -0.04em;
        text-wrap: balance;
      }

      .editor-copy p {
        max-width: 590px;
        margin: 16px 0 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.68;
      }

      .editor-action {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
      }

      .editor-action::after {
        content: ">";
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border: 1px solid rgba(232, 121, 249, 0.32);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.16);
        color: #f2d7ff;
      }

      .editor-media {
        position: relative;
        z-index: 1;
        display: grid;
        place-items: center;
        min-height: 100%;
        overflow: hidden;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
        background:
          radial-gradient(circle at 48% 26%, rgba(232, 121, 249, 0.24), transparent 42%),
          radial-gradient(circle at 72% 72%, rgba(17, 185, 129, 0.1), transparent 36%),
          rgba(0, 0, 0, 0.18);
        padding: 16px;
      }

      .editor-media img {
        display: block;
        width: min(100%, 560px);
        height: auto;
        aspect-ratio: 16 / 9;
        border: 1px solid rgba(184, 125, 255, 0.22);
        border-radius: 24px;
        filter: saturate(1.24) brightness(1.14);
        object-fit: contain;
        background: #090511;
        box-shadow:
          0 30px 74px rgba(0, 0, 0, 0.36),
          0 0 76px rgba(168, 85, 247, 0.3),
          0 0 22px rgba(232, 121, 249, 0.16),
          inset 0 1px 0 rgba(255, 255, 255, 0.08);
        transform: rotate(-0.5deg);
      }

      .editor-stack {
        display: grid;
        gap: 10px;
        padding: 18px;
      }

      .editor-stack-label {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        color: rgba(255, 255, 255, 0.52);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .editor-stack-label span:last-child {
        color: #e8c9ff;
      }

      .editor-step {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.045);
        padding: 14px;
        color: inherit;
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
      }

      .editor-step:hover {
        transform: translateY(-2px);
        border-color: rgba(232, 121, 249, 0.34);
        background: rgba(255, 255, 255, 0.07);
      }

      .editor-step em {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border: 1px solid rgba(232, 121, 249, 0.34);
        border-radius: 16px;
        background:
          radial-gradient(circle at 32% 18%, rgba(232, 121, 249, 0.34), transparent 42%),
          linear-gradient(135deg, rgba(124, 58, 237, 0.38), rgba(232, 121, 249, 0.12));
        color: #fff;
        font-style: normal;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        box-shadow:
          0 14px 30px rgba(124, 58, 237, 0.18),
          inset 0 1px 0 rgba(255, 255, 255, 0.1);
      }

      .editor-step strong {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 1.22;
        font-weight: 700;
      }

      .editor-step small {
        display: block;
        margin-top: 6px;
        color: var(--subtle);
        font-size: 12px;
        line-height: 1.45;
      }

      .toolbar {
        position: relative;
        z-index: 10;
        display: grid;
        grid-template-columns: minmax(280px, 1fr);
        gap: 14px;
        margin: 26px auto 32px;
        border: 1px solid var(--line);
        border-radius: 26px;
        background: rgba(9, 6, 18, 0.82);
        padding: 16px;
        backdrop-filter: blur(20px);
      }

      .chips {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .filter-row {
        display: grid;
        gap: 10px;
      }

      .filter-label {
        color: rgba(232, 121, 249, 0.78);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .toolbar-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        color: var(--subtle);
        font-size: 12px;
        font-weight: 700;
      }

      .result-count {
        color: rgba(255, 255, 255, 0.72);
      }

      .category-note {
        max-width: 620px;
        color: rgba(201, 192, 218, 0.78);
        text-align: right;
      }

      .chip {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        border: 1px solid rgba(184, 125, 255, 0.24);
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
          rgba(75, 35, 110, 0.22);
        color: rgba(246, 238, 255, 0.82);
        padding: 0 16px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 700;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
      }

      .chip-icon {
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border: 1px solid rgba(232, 121, 249, 0.24);
        border-radius: 9px;
        background: rgba(168, 85, 247, 0.14);
        color: #efd8ff;
        font-size: 13px;
        line-height: 1;
      }

      .chip-count {
        display: inline-grid;
        place-items: center;
        min-width: 22px;
        height: 22px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.055);
        color: rgba(255, 255, 255, 0.72);
        font-size: 10px;
        font-weight: 700;
      }

      .chip:hover,
      .chip.active {
        border-color: rgba(232, 121, 249, 0.48);
        background:
          radial-gradient(circle at 18% 10%, rgba(232, 121, 249, 0.24), transparent 42%),
          linear-gradient(135deg, rgba(124, 58, 237, 0.4), rgba(232, 121, 249, 0.2));
        color: #fff;
        transform: translateY(-1px);
      }

      .reading-paths {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin: 0 0 38px;
      }

      .path-card {
        position: relative;
        overflow: hidden;
        min-height: 120px;
        border: 1px solid rgba(184, 125, 255, 0.18);
        border-radius: 24px;
        background:
          radial-gradient(circle at 18% 0%, rgba(232, 121, 249, 0.18), transparent 34%),
          linear-gradient(180deg, rgba(18, 11, 34, 0.78), rgba(8, 5, 16, 0.72));
        padding: 18px;
        color: inherit;
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
      }

      .path-card::after {
        content: "+";
        display: grid;
        place-items: center;
        position: absolute;
        right: 16px;
        bottom: 16px;
        width: 30px;
        height: 30px;
        border: 1px solid rgba(232, 121, 249, 0.22);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.12);
        color: #f3dcff;
        font-size: 16px;
        font-weight: 700;
      }

      .path-card:hover {
        transform: translateY(-3px);
        border-color: rgba(232, 121, 249, 0.4);
        background:
          radial-gradient(circle at 18% 0%, rgba(232, 121, 249, 0.26), transparent 36%),
          linear-gradient(180deg, rgba(23, 14, 43, 0.88), rgba(10, 6, 19, 0.82));
      }

      .path-card small {
        display: block;
        margin-bottom: 14px;
        color: #d8b7ff;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .path-card strong {
        display: block;
        max-width: 13ch;
        font-size: 20px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.028em;
      }

      .path-card span {
        display: block;
        max-width: 24ch;
        margin-top: 10px;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.55;
      }

      .operator-map {
        position: relative;
        overflow: hidden;
        margin: 0 0 42px;
        border: 1px solid rgba(184, 125, 255, 0.18);
        border-radius: 30px;
        background:
          radial-gradient(circle at 8% 12%, rgba(168, 85, 247, 0.22), transparent 32%),
          radial-gradient(circle at 86% 0%, rgba(232, 121, 249, 0.13), transparent 30%),
          linear-gradient(180deg, rgba(14, 8, 26, 0.9), rgba(7, 4, 13, 0.74));
        padding: 18px;
      }

      .operator-map::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(168, 85, 247, 0.04) 1px, transparent 1px),
          linear-gradient(90deg, rgba(168, 85, 247, 0.035) 1px, transparent 1px);
        background-size: 42px 42px;
        mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9), transparent 88%);
        pointer-events: none;
      }

      .map-header {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 0.82fr) minmax(280px, 0.56fr);
        gap: 28px;
        align-items: end;
        margin-bottom: 14px;
        padding: 8px 8px 2px;
      }

      .map-header h2 {
        margin: 0;
        max-width: 760px;
        font-size: clamp(28px, 3.3vw, 42px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.036em;
      }

      .map-header p {
        margin: 0;
        color: rgba(201, 192, 218, 0.86);
        font-size: 14px;
        line-height: 1.62;
      }

      .map-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }

      .map-card {
        display: flex;
        flex-direction: column;
        min-height: 246px;
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 24px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
          rgba(11, 7, 22, 0.78);
        padding: 18px;
      }

      .map-card strong {
        display: block;
        margin-bottom: 12px;
        color: #fff;
        font-size: 17px;
        line-height: 1.12;
        font-weight: 700;
        letter-spacing: -0.026em;
      }

      .map-card p {
        margin: 0 0 18px;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.58;
      }

      .map-links {
        display: grid;
        gap: 8px;
        margin-top: auto;
      }

      .map-links a {
        display: grid;
        grid-template-columns: 12px 1fr;
        gap: 8px;
        align-items: start;
        border-radius: 15px;
        padding: 9px;
        color: rgba(251, 248, 255, 0.76);
        font-size: 11px;
        font-weight: 700;
        line-height: 1.32;
        transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
      }

      .map-links a::before {
        content: "";
        width: 8px;
        height: 8px;
        margin-top: 3px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--violet), var(--pink));
        box-shadow: 0 0 18px rgba(232, 121, 249, 0.36);
      }

      .map-links a:hover {
        color: #fff;
        background: rgba(168, 85, 247, 0.13);
        transform: translateX(2px);
      }

      .section-head {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(280px, 0.5fr);
        gap: 28px;
        align-items: end;
        max-width: 100%;
        margin: 58px 0 24px;
      }

      #featured,
      #articles,
      #mapa,
      #faq,
      #trial {
        scroll-margin-top: 110px;
      }

      .section-head h2 {
        margin: 0;
        max-width: 680px;
        font-size: clamp(30px, 4vw, 48px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.03em;
      }

      .section-head p {
        max-width: 390px;
        margin: 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.65;
      }

      .editorial-radar {
        display: grid;
        grid-template-columns: 0.78fr 1.22fr;
        gap: 14px;
        margin: 0 0 32px;
        border: 1px solid rgba(184, 125, 255, 0.16);
        border-radius: 30px;
        background:
          radial-gradient(circle at 10% 0%, rgba(168, 85, 247, 0.16), transparent 30%),
          rgba(8, 5, 16, 0.58);
        padding: 14px;
      }

      .radar-lead {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 210px;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(22, 14, 39, 0.86), rgba(12, 8, 23, 0.64));
        padding: 24px;
      }

      .radar-lead small,
      .radar-card small {
        color: #d8b7ff;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .radar-lead strong {
        display: block;
        max-width: 13ch;
        margin-top: 16px;
        color: #fff;
        font-size: clamp(28px, 3vw, 40px);
        line-height: 0.98;
        font-weight: 700;
        letter-spacing: -0.05em;
      }

      .radar-lead p {
        max-width: 420px;
        margin: 18px 0 0;
        color: var(--muted);
        line-height: 1.65;
      }

      .radar-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .radar-card {
        position: relative;
        overflow: hidden;
        contain: paint;
        min-height: 210px;
        border: 1px solid rgba(184, 125, 255, 0.18);
        border-radius: 24px;
        background:
          linear-gradient(180deg, rgba(22, 14, 38, 0.82), rgba(9, 5, 18, 0.86)),
          rgba(9, 5, 18, 0.86);
        padding: 20px;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.055),
          inset 0 -1px 0 rgba(184, 125, 255, 0.045);
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
      }

      .radar-card::before {
        content: none;
      }

      .radar-card:hover {
        transform: translateY(-3px);
        border-color: rgba(232, 121, 249, 0.28);
        background:
          linear-gradient(180deg, rgba(26, 16, 45, 0.88), rgba(10, 6, 20, 0.9)),
          rgba(10, 6, 20, 0.9);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.075),
          0 16px 44px rgba(4, 1, 10, 0.26);
      }

      .radar-card strong {
        display: block;
        margin-top: 44px;
        color: #fff;
        font-size: 20px;
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -0.035em;
      }

      .radar-card p {
        margin: 12px 0 0;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.58;
      }

      .content-promise {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 0.86fr));
        gap: 12px;
        margin: 0 0 34px;
      }

      .content-promise span {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 7px;
        min-height: 118px;
        border: 1px solid rgba(184, 125, 255, 0.16);
        border-radius: 24px;
        background:
          radial-gradient(circle at 14% 0%, rgba(168, 85, 247, 0.12), transparent 38%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
          rgba(8, 5, 16, 0.82);
        padding: 19px;
        color: rgba(201, 192, 218, 0.86);
        font-size: 12px;
        line-height: 1.5;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
      }

      .content-promise span:first-child {
        background:
          radial-gradient(circle at 18% 0%, rgba(232, 121, 249, 0.18), transparent 42%),
          linear-gradient(135deg, rgba(168, 85, 247, 0.14), rgba(8, 5, 16, 0.86));
      }

      .content-promise b {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .featured-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
        gap: 18px;
      }

      .feature-card,
      .post-card,
      .cta,
      details {
        border: 1px solid var(--line);
        background: rgba(12, 8, 23, 0.76);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      }

      .feature-card {
        display: grid;
        grid-template-columns: 0.88fr 1fr;
        min-height: 360px;
        overflow: hidden;
        border-radius: 34px;
      }

      .feature-media,
      .post-media {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 45% 32%, rgba(168, 85, 247, 0.18), transparent 34%),
          #120b24;
      }

      .feature-media {
        display: grid;
        place-items: center;
      }

      .feature-media img,
      .post-media img {
        width: 100%;
        height: 100%;
        opacity: 1;
        transform: none;
        filter: saturate(1.22) brightness(1.14);
      }

      .feature-media img {
        object-fit: cover;
      }

      .post-media img {
        object-fit: cover;
        opacity: 0.92;
        filter: saturate(1.28) brightness(1.12);
      }

      .feature-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, transparent 55%, rgba(6, 4, 13, 0.18)),
          linear-gradient(180deg, transparent, rgba(6, 4, 13, 0.18));
        z-index: 1;
      }

      .post-media::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background:
          linear-gradient(135deg, rgba(6, 4, 13, 0.04), transparent 44%),
          radial-gradient(circle at 20% 0%, rgba(232, 121, 249, 0.1), transparent 36%);
      }

      .post-media::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: inherit;
        pointer-events: none;
      }

      .feature-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 30px;
      }

      .meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        color: var(--subtle);
        font-size: 12px;
        font-weight: 600;
      }

      .meta span:first-child {
        color: #eedcff;
      }

      .feature-body h3 {
        margin: 22px 0 0;
        font-size: clamp(28px, 4vw, 46px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.036em;
      }

      .feature-body p,
      .post-card p {
        color: var(--muted);
        line-height: 1.65;
        font-size: 14px;
      }

      .side-list {
        display: grid;
        gap: 14px;
      }

      .side-card {
        display: grid;
        grid-template-columns: 136px 1fr;
        gap: 16px;
        min-height: 128px;
        border: 1px solid var(--line);
        border-radius: 26px;
        background: rgba(12, 8, 23, 0.66);
        overflow: hidden;
      }

      .side-card img {
        width: 136px;
        height: 100%;
        object-fit: cover;
        opacity: 0.96;
        background: rgba(8, 5, 16, 0.72);
        filter: saturate(1.24) brightness(1.12);
      }

      .side-card div {
        padding: 16px 16px 16px 0;
      }

      .side-card strong {
        display: block;
        font-size: 16px;
        line-height: 1.18;
        font-weight: 700;
        letter-spacing: -0.028em;
      }

      .side-card small {
        display: block;
        margin-top: 10px;
        color: var(--subtle);
        font-weight: 700;
      }

      .post-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        border-top: 1px solid var(--line);
      }

      .post-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 230px;
        gap: 26px;
        align-items: start;
        min-height: 100%;
        overflow: hidden;
        border: 0;
        border-bottom: 1px solid var(--line);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 26px 0;
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
      }

      .post-card:hover {
        transform: translateX(4px);
        background: linear-gradient(90deg, rgba(168, 85, 247, 0.075), rgba(232, 121, 249, 0.035), transparent 76%);
      }

      .post-media {
        grid-column: 2;
        grid-row: 1 / span 4;
        aspect-ratio: 16 / 9;
        width: 100%;
        height: auto;
        min-height: 130px;
        border: 1px solid rgba(184, 125, 255, 0.16);
        border-radius: 20px;
        box-shadow:
          0 18px 42px rgba(0, 0, 0, 0.22),
          inset 0 1px 0 rgba(255, 255, 255, 0.05);
      }

      .post-body {
        display: contents;
      }

      .post-card h3 {
        grid-column: 1;
        grid-row: 2;
        margin: 0;
        max-width: 680px;
        font-size: clamp(25px, 3vw, 36px);
        line-height: 1.08;
        font-weight: 700;
        letter-spacing: -0.028em;
      }

      .post-card p {
        grid-column: 1;
        grid-row: 3;
        margin: 13px 0 0;
      }

      .post-decision {
        grid-column: 1;
        grid-row: 4;
        display: inline-flex;
        width: fit-content;
        max-width: 690px;
        align-items: center;
        gap: 8px;
        margin-top: 13px;
        border: 1px solid rgba(184, 125, 255, 0.16);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.08);
        color: rgba(237, 220, 255, 0.84);
        padding: 8px 11px;
        font-size: 12px;
        line-height: 1.35;
        font-weight: 600;
      }

      .post-decision b {
        color: #fff;
        font-weight: 700;
      }

      .post-card .meta {
        grid-column: 1;
        grid-row: 1;
      }

      .post-card .meta span {
        display: inline-flex;
      }

      .meta-intent {
        width: max-content;
        border: 1px solid rgba(232, 121, 249, 0.22);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.1);
        padding: 5px 9px;
        color: #f2dcff !important;
        font-size: 10px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .read {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        grid-column: 1;
        grid-row: 5;
        margin-top: 12px;
        padding-top: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
      }

      .read::after {
        content: ">";
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.09);
      }

      .empty {
        display: none;
        position: relative;
        overflow: hidden;
        border: 1px solid var(--line-strong);
        border-radius: 28px;
        background:
          radial-gradient(circle at 20% 0%, rgba(232, 121, 249, 0.16), transparent 34%),
          rgba(255, 255, 255, 0.035);
        padding: 34px;
        color: var(--muted);
        text-align: center;
      }

      .empty.show {
        display: block;
      }

      .empty h3 {
        margin: 0;
        color: #fff;
        font-size: clamp(24px, 3vw, 34px);
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -0.034em;
      }

      .empty p {
        max-width: 560px;
        margin: 12px auto 22px;
        line-height: 1.65;
      }

      .empty .btn {
        min-width: 170px;
      }

      .article-view {
        display: none;
        padding: 44px 0 92px;
      }

      .article-view.active {
        display: block;
      }

      .article-view.active .article-shell {
        animation: articleRise 0.28s ease both;
      }

      .blog-view.hidden {
        display: none;
      }

      .article-shell {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto;
        overflow: visible;
      }

      .article-page {
        position: relative;
      }

      .article-page::before {
        content: "";
        position: absolute;
        top: 94px;
        left: 50%;
        z-index: -1;
        width: min(760px, 80vw);
        height: 360px;
        border-radius: 999px;
        background:
          radial-gradient(circle at 30% 34%, rgba(168, 85, 247, 0.3), transparent 48%),
          radial-gradient(circle at 78% 40%, rgba(232, 121, 249, 0.2), transparent 42%);
        filter: blur(58px);
        transform: translateX(-50%);
        pointer-events: none;
      }

      .back-link {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 36px;
        margin-bottom: 28px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.045);
        color: rgba(255, 255, 255, 0.72);
        padding: 0 14px;
        font-size: 12px;
        font-weight: 600;
      }

      .article-breadcrumbs {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 0 auto 16px;
        color: var(--subtle);
        font-size: 12px;
        font-weight: 700;
      }

      .article-breadcrumbs a,
      .article-breadcrumbs span:last-child {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        border: 1px solid rgba(184, 125, 255, 0.24);
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
          rgba(63, 28, 96, 0.2);
        padding: 0 13px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .article-breadcrumbs a {
        color: #ecd8ff;
        transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
      }

      .article-breadcrumbs a:hover {
        border-color: rgba(232, 121, 249, 0.38);
        background: rgba(168, 85, 247, 0.12);
        color: #fff;
      }

      .article-breadcrumbs > span:not(:last-child) {
        display: none;
      }

      .article-breadcrumbs span:last-child {
        color: rgba(237, 220, 255, 0.76);
      }

      .article-header {
        max-width: 940px;
        margin: 0 auto 28px;
        text-align: center;
      }

      .article-topline {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: var(--subtle);
        font-size: 12px;
        font-weight: 600;
      }

      .article-tag {
        display: inline-flex;
        align-items: center;
        border: 1px solid rgba(184, 125, 255, 0.32);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.14);
        color: #eddcff;
        padding: 7px 11px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .article-updated {
        color: rgba(255, 255, 255, 0.58);
      }

      .article-header h1 {
        margin: 22px auto 0;
        width: 100%;
        max-width: 940px;
        color: #fff;
        font-size: clamp(40px, 5.2vw, 66px);
        line-height: 1.02;
        font-weight: 700;
        letter-spacing: -0.032em;
        overflow-wrap: break-word;
        text-wrap: balance;
      }

      .article-header p {
        max-width: 700px;
        margin: 22px auto 0;
        color: var(--muted);
        font-size: clamp(16px, 1.6vw, 19px);
        line-height: 1.65;
        font-weight: 500;
      }

      .author-row {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 13px;
        font-weight: 600;
      }

      .author-mark {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid rgba(184, 125, 255, 0.3);
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(124, 58, 237, 0.4), rgba(232, 121, 249, 0.16));
        color: #fff;
        font-size: 12px;
        font-weight: 700;
      }

      .article-cover {
        position: relative;
        overflow: hidden;
        margin: 32px auto 46px;
        max-width: 1040px;
        border: 1px solid rgba(184, 125, 255, 0.24);
        border-radius: 32px;
        background: #120b24;
        box-shadow: 0 26px 96px rgba(90, 28, 154, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .article-cover::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, rgba(6, 4, 13, 0.02), rgba(6, 4, 13, 0.42)),
          radial-gradient(circle at 18% 0%, rgba(232, 121, 249, 0.22), transparent 34%);
        pointer-events: none;
      }

      .article-cover img {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        object-position: center;
        opacity: 1;
        filter: saturate(1.08) brightness(1.06);
        background: #090511;
      }

      .article-context {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        overflow: hidden;
        max-width: 940px;
        margin: -18px auto 38px;
        border: 1px solid rgba(184, 125, 255, 0.16);
        border-radius: 24px;
        background: rgba(184, 125, 255, 0.14);
      }

      .article-context span {
        display: grid;
        gap: 6px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
          rgba(9, 6, 18, 0.88);
        padding: 18px;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.5;
      }

      .article-context b {
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .article-funnel {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1px;
        max-width: 940px;
        margin: -18px auto 44px;
        scroll-margin-top: 110px;
        border: 1px solid rgba(217, 165, 255, 0.18);
        border-radius: 28px;
        background: rgba(184, 125, 255, 0.16);
        box-shadow: 0 22px 70px rgba(77, 30, 126, 0.18);
      }

      .article-funnel::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(circle at 12% 0%, rgba(232, 121, 249, 0.2), transparent 30%),
          linear-gradient(90deg, rgba(255, 255, 255, 0.05), transparent 50%);
        pointer-events: none;
      }

      .funnel-step {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 8px;
        min-height: 138px;
        background: rgba(8, 5, 18, 0.9);
        padding: 18px;
      }

      .funnel-step span {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        min-height: 24px;
        border: 1px solid rgba(184, 125, 255, 0.22);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.12);
        color: #e7caff;
        padding: 0 9px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .funnel-step strong {
        color: #fff;
        font-size: 17px;
        line-height: 1.12;
        font-weight: 700;
        letter-spacing: -0.032em;
      }

      .funnel-step p {
        margin: 0;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.55;
      }

      .article-layout {
        display: grid;
        grid-template-columns: minmax(0, 740px) 296px;
        gap: 56px;
        align-items: start;
        justify-content: center;
      }

      .article-main {
        min-width: 0;
      }

      .article-main > section {
        scroll-margin-top: 110px;
      }

      .toc {
        position: sticky;
        top: 22px;
        height: max-content;
        max-height: calc(100dvh - 44px);
        overflow: auto;
        overscroll-behavior: contain;
        scrollbar-width: none;
      }

      .toc::-webkit-scrollbar {
        display: none;
      }

      .side-cta,
      .toc-card,
      .article-note,
      .article-end,
      .related-card {
        border: 1px solid var(--line);
        background: rgba(12, 8, 23, 0.72);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      }

      .side-cta {
        position: relative;
        overflow: hidden;
        border-color: rgba(217, 165, 255, 0.24);
        border-radius: 30px;
        padding: 24px;
        background:
          radial-gradient(circle at 10% 0%, rgba(232, 121, 249, 0.22), transparent 36%),
          radial-gradient(circle at 100% 100%, rgba(232, 121, 249, 0.16), transparent 42%),
          linear-gradient(180deg, rgba(28, 16, 48, 0.92), rgba(9, 5, 18, 0.9));
        box-shadow:
          0 24px 74px rgba(74, 25, 126, 0.26),
          inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .side-cta h3 {
        position: relative;
        z-index: 1;
        margin: 0;
        font-size: 23px;
        line-height: 1.02;
        font-weight: 700;
        letter-spacing: -0.032em;
      }

      .side-cta p {
        position: relative;
        z-index: 1;
        margin: 12px 0 18px;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.55;
      }

      .side-cta .btn {
        position: relative;
        z-index: 1;
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        min-height: 56px;
        padding: 0 24px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        background:
          linear-gradient(135deg, #8d35ff 0%, #c64cf2 54%, #e879f9 100%);
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.015em;
        white-space: nowrap;
        box-shadow:
          0 18px 50px rgba(168, 85, 247, 0.34),
          inset 0 1px 0 rgba(255, 255, 255, 0.24);
      }

      .side-cta .btn::after {
        content: none;
      }

      .toc-card {
        margin-top: 14px;
        border-radius: 24px;
        padding: 18px;
      }

      .toc strong {
        display: block;
        margin-bottom: 12px;
        font-size: 12px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .toc a {
        display: block;
        border-left: 2px solid rgba(184, 125, 255, 0.2);
        padding: 9px 0 9px 12px;
        color: var(--muted);
        font-size: 13px;
        font-weight: 600;
      }

      .toc a:hover {
        border-left-color: var(--pink);
        color: #fff;
      }

      .toc a.active {
        border-left-color: var(--pink);
        color: #fff;
        background: linear-gradient(90deg, rgba(168, 85, 247, 0.16), transparent);
      }

      .article-main h2 {
        margin: 46px 0 16px;
        font-size: clamp(28px, 3vw, 38px);
        line-height: 1.12;
        font-weight: 700;
        letter-spacing: -0.028em;
      }

      .article-main p {
        margin: 0 0 22px;
        color: var(--muted);
        font-size: 17.5px;
        line-height: 1.82;
      }

      .article-main p strong {
        color: #fff;
        font-weight: 700;
      }

      .article-main a {
        color: #f0ceff;
        font-weight: 700;
      }

      .article-note {
        margin: 34px 0;
        border: 1px solid var(--line-strong);
        border-radius: 28px;
        background:
          linear-gradient(135deg, rgba(124, 58, 237, 0.2), rgba(232, 121, 249, 0.08)),
          rgba(255, 255, 255, 0.025);
        padding: 26px;
      }

      .article-note strong {
        display: block;
        margin-bottom: 10px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
      }

      .article-brief {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin: 30px 0 36px;
      }

      .brief-card {
        position: relative;
        overflow: hidden;
        min-height: 152px;
        border: 1px solid rgba(184, 125, 255, 0.2);
        border-radius: 24px;
        background:
          radial-gradient(circle at 12% 0%, rgba(232, 121, 249, 0.16), transparent 36%),
          rgba(255, 255, 255, 0.035);
        padding: 18px;
      }

      .brief-card::before {
        content: "";
        position: absolute;
        top: 18px;
        right: 18px;
        width: 28px;
        height: 28px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--purple), var(--pink));
        opacity: 0.18;
      }

      .brief-card small {
        display: block;
        margin-bottom: 16px;
        color: #d9b8ff;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .brief-card strong {
        display: block;
        color: #fff;
        font-size: 18px;
        line-height: 1.12;
        font-weight: 700;
        letter-spacing: -0.026em;
      }

      .brief-card p {
        margin: 10px 0 0;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.55;
      }

      .article-scenario {
        position: relative;
        overflow: hidden;
        contain: paint;
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
        gap: 22px;
        margin: 34px 0 42px;
        border: 1px solid rgba(217, 165, 255, 0.24);
        border-radius: 30px;
        background:
          radial-gradient(circle at 10% 0%, rgba(232, 121, 249, 0.18), transparent 32%),
          linear-gradient(135deg, rgba(19, 12, 36, 0.9), rgba(8, 5, 18, 0.72));
        padding: 28px;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.06),
          0 18px 70px rgba(89, 36, 151, 0.18);
      }

      .article-scenario::after {
        content: "";
        position: absolute;
        left: 28%;
        right: 0;
        bottom: -42%;
        height: 190px;
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.22);
        filter: blur(58px);
        pointer-events: none;
      }

      .scenario-copy,
      .scenario-grid {
        position: relative;
        z-index: 1;
      }

      .scenario-copy small,
      .scenario-card span {
        display: inline-flex;
        align-items: center;
        color: #dcb8ff;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .scenario-copy h2 {
        margin: 12px 0 12px;
        font-size: clamp(28px, 3.6vw, 42px);
        line-height: 0.98;
        letter-spacing: -0.06em;
      }

      .scenario-copy p {
        max-width: 58ch;
        margin: 0;
        color: var(--muted);
        font-size: 15px;
        line-height: 1.7;
      }

      .scenario-grid {
        display: grid;
        gap: 10px;
      }

      .scenario-card {
        border: 1px solid rgba(184, 125, 255, 0.18);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.045);
        padding: 16px;
      }

      .scenario-card strong {
        display: block;
        margin-top: 7px;
        color: #fff;
        font-size: 15px;
        line-height: 1.38;
        font-weight: 700;
        letter-spacing: -0.025em;
      }

      .article-list-panel {
        margin: 36px 0;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        padding: 8px 0;
      }

      .article-list-panel h2 {
        margin-top: 24px;
      }

      .article-list {
        display: grid;
        gap: 0;
      }

      .article-list-item {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 18px;
        border-top: 1px solid rgba(184, 125, 255, 0.14);
        padding: 20px 0;
      }

      .article-list-item:first-child {
        border-top: 0;
      }

      .article-list-item > span {
        color: rgba(232, 121, 249, 0.66);
        font-size: 24px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.06em;
      }

      .article-list-item strong {
        display: block;
        color: #fff;
        font-size: 18px;
        line-height: 1.18;
        font-weight: 700;
        letter-spacing: -0.025em;
      }

      .article-list-item p {
        margin: 8px 0 0;
        font-size: 15px;
        line-height: 1.7;
      }

      .quote-panel {
        margin: 34px 0;
        border-left: 3px solid var(--pink);
        padding: 7px 0 7px 24px;
      }

      .quote-panel p {
        margin: 0;
        color: #fff;
        font-size: clamp(24px, 3.2vw, 34px);
        line-height: 1.22;
        font-weight: 700;
        letter-spacing: -0.03em;
      }

      .article-doctrine {
        display: grid;
        grid-template-columns: 0.6fr 1fr;
        gap: 16px;
        margin: 36px 0;
        border: 1px solid rgba(184, 125, 255, 0.2);
        border-radius: 28px;
        background:
          radial-gradient(circle at 0% 0%, rgba(232, 121, 249, 0.18), transparent 36%),
          rgba(255, 255, 255, 0.035);
        padding: 22px;
      }

      .article-doctrine strong {
        display: block;
        color: #fff;
        font-size: 24px;
        line-height: 1.04;
        letter-spacing: -0.038em;
      }

      .article-doctrine ul {
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .article-doctrine li {
        position: relative;
        padding-left: 22px;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.55;
      }

      .article-doctrine li::before {
        content: "";
        position: absolute;
        top: 0.72em;
        left: 0;
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--violet), var(--pink));
      }

      .article-kpi-strip {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin: 32px 0;
      }

      .article-kpi {
        border: 1px solid rgba(184, 125, 255, 0.18);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.035);
        padding: 18px;
      }

      .article-kpi strong {
        display: block;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.024em;
      }

      .article-kpi span {
        display: block;
        margin-top: 7px;
        color: var(--subtle);
        font-size: 12px;
        line-height: 1.45;
      }

      .inline-visual {
        overflow: hidden;
        margin: 34px 0;
        border: 1px solid rgba(184, 125, 255, 0.22);
        border-radius: 26px;
        background: rgba(255, 255, 255, 0.04);
      }

      .inline-visual img {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        object-position: center top;
        opacity: 0.9;
        background: #090511;
      }

      .article-end {
        margin: 48px 0 0;
        border-radius: 30px;
        padding: 30px;
        text-align: center;
      }

      .article-end h2 {
        margin-top: 0;
      }

      .article-end p {
        max-width: 560px;
        margin-right: auto;
        margin-left: auto;
      }

      .share-row {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 11px;
        margin-top: 22px;
      }

      .share-row span,
      .share-row button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        border: 1px solid rgba(184, 125, 255, 0.26);
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.02)),
          rgba(68, 30, 104, 0.28);
        color: rgba(246, 238, 255, 0.86);
        padding: 0 14px;
        font-size: 12px;
        font-weight: 700;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .share-row span::before,
      .share-row button::before {
        content: attr(data-icon);
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        flex: 0 0 auto;
        border: 1px solid rgba(232, 121, 249, 0.34);
        border-radius: 9px;
        background:
          radial-gradient(circle at 35% 18%, rgba(232, 121, 249, 0.28), transparent 42%),
          rgba(168, 85, 247, 0.16);
        color: #f3dcff;
        font-size: 13px;
        line-height: 1;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .share-row button {
        cursor: pointer;
      }

      .share-row button:hover {
        border-color: rgba(232, 121, 249, 0.52);
        background:
          radial-gradient(circle at 18% 10%, rgba(232, 121, 249, 0.18), transparent 42%),
          rgba(168, 85, 247, 0.18);
        color: #fff;
      }

      .related-block {
        margin-top: 72px;
      }

      .related-block h2 {
        margin: 0 0 18px;
        font-size: clamp(28px, 3vw, 40px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.03em;
      }

      .related-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }

      .related-card {
        overflow: hidden;
        border-radius: 26px;
        transition: transform 0.18s ease, border-color 0.18s ease;
      }

      .related-card:hover {
        transform: translateY(-3px);
        border-color: var(--line-strong);
      }

      .related-card img {
        display: block;
        width: 100%;
        height: 132px;
        object-fit: contain;
        object-position: center top;
        opacity: 0.94;
        background: #090511;
      }

      .related-card span {
        display: block;
        padding: 16px;
      }

      .related-card small {
        color: var(--subtle);
        font-size: 11px;
        font-weight: 600;
      }

      .related-card strong {
        display: block;
        margin-top: 8px;
        font-size: 15px;
        line-height: 1.22;
        font-weight: 700;
        letter-spacing: -0.035em;
      }

      @keyframes articleRise {
        from {
          opacity: 0.96;
        }

        to {
          opacity: 1;
        }
      }

      .cta {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 22px;
        margin: 64px 0 56px;
        border-radius: 36px;
        background:
          radial-gradient(circle at 16% 0%, rgba(232, 121, 249, 0.18), transparent 35%),
          linear-gradient(135deg, rgba(21, 13, 39, 0.9), rgba(8, 5, 16, 0.78));
        padding: 36px;
      }

      .cta h2 {
        margin: 0;
        font-size: clamp(28px, 4vw, 48px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.06em;
      }

      .cta p {
        max-width: 580px;
        margin: 12px 0 0;
        color: var(--muted);
        line-height: 1.65;
      }

      .cta small {
        display: block;
        margin-top: 14px;
        color: rgba(201, 192, 218, 0.68);
        font-size: 12px;
        font-weight: 600;
      }

      .faq {
        margin: 58px 0 90px;
      }

      .faq-list {
        display: grid;
        gap: 10px;
      }

      details {
        border-radius: 22px;
        padding: 0 20px;
      }

      summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        cursor: pointer;
        list-style: none;
        padding: 18px 0;
        font-weight: 700;
      }

      summary::after {
        content: "+";
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid rgba(184, 125, 255, 0.22);
        border-radius: 999px;
        background: rgba(168, 85, 247, 0.12);
        color: #e7c8ff;
        transition: transform 0.18s ease, background 0.18s ease;
      }

      details[open] summary::after {
        background: rgba(232, 121, 249, 0.16);
        transform: rotate(45deg);
      }

      summary::-webkit-details-marker {
        display: none;
      }

      details p {
        margin: 0;
        padding: 0 0 20px;
        color: var(--muted);
        line-height: 1.65;
      }

      details[open] p {
        animation: faqReveal 0.22s ease both;
      }

      @keyframes faqReveal {
        from {
          opacity: 0;
          transform: translateY(-4px);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        border-top: 1px solid var(--line);
        padding: 28px 0 44px;
        color: var(--subtle);
        font-size: 13px;
        font-weight: 600;
      }

      .footer-links {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
      }

      .footer-social {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .footer-social a {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        border: 1px solid rgba(184, 125, 255, 0.18);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.045);
        padding: 0 12px;
        color: rgba(255, 255, 255, 0.72);
      }

      @media (max-width: 980px) {
        .hero,
        .editor-pick,
        .editor-main,
        .editorial-radar,
        .featured-grid,
        .feature-card,
        .article-layout,
        .article-doctrine,
        .related-grid,
        .cta {
          grid-template-columns: 1fr;
        }

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

        .hero {
          padding-top: 54px;
        }

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

        .feature-media {
          min-height: 280px;
        }

        .post-card {
          grid-template-columns: 1fr 180px;
        }

        .post-card .meta {
          grid-column: 1 / -1;
          grid-row: auto;
          display: flex;
        }

        .post-card h3,
        .post-card p,
        .post-decision,
        .post-card .read {
          grid-column: 1;
        }

        .post-media {
          grid-column: 2;
          grid-row: 2 / span 4;
          height: 101px;
        }

        .article-header {
          text-align: left;
        }

        .article-topline,
        .article-breadcrumbs {
          justify-content: flex-start;
        }

        .toc {
          position: static;
        }
      }

      @media (max-width: 680px) {
        html,
        body {
          width: 100%;
          max-width: 100%;
        }

        .container {
          width: calc(100% - 24px);
          max-width: calc(100vw - 24px);
        }

        .btn {
          min-height: 40px;
          padding: 0 15px;
          font-size: 12px;
        }

        .hero {
          gap: 26px;
          width: 100%;
          min-width: 0;
          padding: 44px 0 36px;
        }

        .hero h1 {
          width: min(100%, 430px);
          max-width: 430px;
          overflow-wrap: normal;
          font-size: 35px;
          line-height: 1.08;
          letter-spacing: -0.032em;
        }

        .hero-copy {
          max-width: 342px;
          font-size: 15px;
        }

        .hero-actions {
          flex-direction: column;
        }

        .hero-actions .btn {
          width: 100%;
          max-width: 100%;
        }

        .hero-panel {
          width: 100%;
          max-width: 100%;
          min-width: 0;
          border-radius: 26px;
          padding: 18px;
        }

        .panel-title,
        .quick-post strong,
        .quick-post small,
        .editor-copy h2,
        .editor-step strong,
        .editor-step small {
          max-width: 100%;
          overflow-wrap: anywhere;
          word-break: normal;
        }

        .editor-pick {
          grid-template-columns: 1fr;
          gap: 10px;
          margin-bottom: 28px;
        }

        .editor-main,
        .editor-stack {
          border-radius: 24px;
          max-width: 100%;
          min-width: 0;
        }

        .editor-main {
          grid-template-columns: 1fr;
          min-height: 0;
        }

        .editor-copy {
          padding: 22px;
        }

        .editor-copy h2 {
          font-size: 30px;
          line-height: 1.04;
        }

        .editor-media {
          border-top: 1px solid rgba(255, 255, 255, 0.08);
          border-left: 0;
        }

        .editor-media img {
          width: 100%;
          min-height: 0;
          max-width: 100%;
          aspect-ratio: 16 / 9;
          transform: none;
        }

        .editor-stack {
          padding: 12px;
        }

        .editor-stack-label {
          align-items: flex-start;
          flex-direction: column;
          gap: 5px;
          padding: 4px;
        }

        .editor-step {
          min-width: 0;
        }

        .quick-post {
          grid-template-columns: 46px 1fr;
          gap: 12px;
          padding: 9px;
          max-width: 100%;
          min-width: 0;
        }

        .quick-thumb {
          width: 46px;
          height: 46px;
          border-radius: 14px;
        }

        .quick-posts {
          gap: 9px;
        }

        .quick-post strong {
          font-size: 11px;
          line-height: 1.28;
          min-width: 0;
          overflow-wrap: anywhere;
        }

        .quick-post small {
          font-size: 10px;
          min-width: 0;
          overflow-wrap: anywhere;
        }

        .toolbar {
          position: relative;
          top: auto;
          padding: 12px;
        }

        .toolbar-meta {
          align-items: flex-start;
          flex-direction: column;
          gap: 6px;
        }

        .category-note {
          text-align: left;
        }

        .reading-paths {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .editorial-radar {
          gap: 10px;
          border-radius: 24px;
          padding: 10px;
          max-width: 100%;
          min-width: 0;
        }

        .radar-lead {
          min-height: 0;
          min-width: 0;
          border-radius: 20px;
          padding: 20px;
        }

        .radar-lead strong {
          max-width: 100%;
          font-size: 30px;
        }

        .radar-grid {
          grid-template-columns: 1fr;
        }

        .radar-card {
          min-height: 0;
          min-width: 0;
          border-radius: 20px;
          padding: 18px;
        }

        .radar-card strong {
          margin-top: 28px;
        }

        .content-promise {
          grid-template-columns: 1fr;
          border-radius: 24px;
        }

        .content-promise span {
          min-height: 0;
          padding: 16px;
        }

        .path-card {
          min-height: 0;
          min-width: 0;
          padding: 18px;
          border-radius: 24px;
        }

        .path-card strong {
          max-width: 100%;
          font-size: 20px;
        }

        .path-card span {
          max-width: 100%;
        }

        .operator-map {
          margin-bottom: 34px;
          border-radius: 24px;
          padding: 10px;
        }

        .map-header {
          display: block;
          padding: 12px 10px 6px;
        }

        .map-header h2 {
          font-size: 30px;
          line-height: 1.04;
        }

        .map-header p {
          margin-top: 12px;
          font-size: 13px;
        }

        .map-grid {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .map-card {
          min-height: 0;
          min-width: 0;
          border-radius: 20px;
          padding: 18px;
        }

        .chips {
          gap: 7px;
        }

        .section-head {
          display: block;
        }

        .section-head p {
          margin-top: 12px;
        }

        .feature-body {
          padding: 24px;
        }

        .feature-body h3 {
          font-size: 32px;
          overflow-wrap: anywhere;
        }

        .side-card {
          grid-template-columns: 92px 1fr;
          min-width: 0;
        }

        .side-card img {
          width: 92px;
        }

        .post-card {
          grid-template-columns: 1fr;
          gap: 12px;
          padding: 22px 0;
          min-width: 0;
        }

        .post-media {
          display: block;
          grid-column: 1;
          grid-row: auto;
          height: auto;
          border-radius: 22px;
        }

        .post-card .meta,
        .post-card h3,
        .post-card p,
        .post-decision,
        .post-card .read {
          grid-column: 1;
          grid-row: auto;
        }

        .post-decision {
          width: 100%;
          max-width: 100%;
          border-radius: 18px;
        }

        .article-view {
          padding-top: 30px;
        }

        main.container,
        .article-view,
        .article-shell,
        .article-page,
        .article-layout,
        .article-main,
        .toc,
        .related-block {
          max-width: 100%;
          min-width: 0;
          overflow-x: hidden;
        }

        .article-header h1 {
          max-width: 100%;
          font-size: clamp(30px, 8.4vw, 34px);
          line-height: 1.12;
          letter-spacing: -0.026em;
          overflow-wrap: anywhere;
          text-wrap: pretty;
          word-break: normal;
        }

        .article-header,
        .article-header p,
        .article-topline,
        .article-breadcrumbs,
        .author-row,
        .share-row,
        .article-funnel,
        .article-main,
        .article-main p,
        .article-main h2,
        .article-note,
        .quote-panel,
        .article-kpi-strip,
        .inline-visual,
        .article-context,
        .article-end {
          width: 100%;
          max-width: 100%;
          margin-right: 0;
          margin-left: 0;
        }

        .article-header p,
        .article-main p {
          font-size: 15px;
          line-height: 1.72;
        }

        .share-row {
          display: flex;
          border-radius: 22px;
          padding: 8px;
        }

        .share-row span,
        .share-row button {
          flex: 1 1 140px;
          justify-content: center;
          min-width: 0;
          text-align: center;
        }

        .article-cover {
          width: 100%;
          max-width: 100%;
          margin: 24px 0 34px;
          border-radius: 24px;
        }

        .article-cover img {
          height: auto;
          aspect-ratio: auto;
          object-fit: contain;
          background: #090511;
        }

        .article-context {
          grid-template-columns: 1fr;
          margin: -12px 0 28px;
          border-radius: 22px;
        }

        .article-funnel {
          margin: -10px 0 30px;
          border-radius: 22px;
        }

        .funnel-step {
          min-height: 0;
          padding: 17px;
        }

        .article-main h2,
        .related-block h2 {
          font-size: 27px;
        }

        .article-kpi-strip {
          grid-template-columns: 1fr;
        }

        .article-brief {
          grid-template-columns: 1fr;
          max-width: 100%;
        }

        .article-scenario {
          grid-template-columns: 1fr;
          border-radius: 24px;
          padding: 22px;
        }

        .scenario-copy h2 {
          font-size: 30px;
          line-height: 1;
        }

        .article-doctrine {
          gap: 14px;
          border-radius: 22px;
          padding: 20px;
        }

        .article-list-item {
          grid-template-columns: 38px minmax(0, 1fr);
          gap: 12px;
        }

        .article-list-item > span {
          font-size: 20px;
        }

        .side-cta,
        .toc-card,
        .article-note,
        .article-end {
          border-radius: 22px;
          padding: 20px;
        }

        .related-card img {
          height: 150px;
        }

        .footer {
          align-items: flex-start;
          flex-direction: column;
        }
      }

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

        .article-view.active .article-shell,
        .post-card,
        .feature-card,
        .related-card {
          animation: none;
          transition: none;
        }

        details[open] p {
          animation: none;
        }
      }

      /* Cleaner editorial surfaces: keep the Metamize dark look without AI-looking glows. */
      .path-card,
      .operator-map,
      .map-card,
      .radar-card,
      .content-promise span,
      .feature-card,
      .post-card,
      .side-card,
      .side-cta,
      .toc-card,
      .article-note,
      .article-end,
      .related-card,
      .brief-card,
      .scenario-card,
      .cta,
      details {
        box-shadow: none !important;
      }

      .path-card,
      .operator-map,
      .map-card,
      .radar-card,
      .content-promise span,
      .feature-card,
      .side-card,
      .toc-card,
      .article-note,
      .article-end,
      .related-card,
      .brief-card,
      .scenario-card,
      .cta,
      details {
        background: rgba(12, 8, 23, 0.76) !important;
      }

      .path-card:hover,
      .radar-card:hover,
      .related-card:hover {
        background: rgba(18, 11, 34, 0.84) !important;
        border-color: rgba(232, 121, 249, 0.34);
        transform: translateY(-1px);
      }

      .operator-map::before,
      .path-card::before,
      .radar-card::before,
      .brief-card::before,
      .post-media::before {
        opacity: 0.28;
      }

      .path-card::after,
      .map-links a::before,
      .scenario-card span,
      .btn,
      .side-cta .btn {
        box-shadow: none !important;
      }

      .feature-media,
      .post-media {
        background: #100a1d !important;
        box-shadow: none !important;
      }

      .feature-media img,
      .post-media img,
      .side-card img,
      .related-card img {
        filter: none !important;
      }