:root {
      --ink: #0a0b0d;
      --paper: #f4f5f6;
      --card: #ffffff;
      --muted: #5d626b;
      --line: #dfe2e6;
      --gold: #e3b84e;
      --gold-light: #ffdf83;
      --radius: 18px;
      --shadow: 0 22px 60px rgba(10, 11, 13, .12);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }
    img, video { max-width: 100%; }
    a { color: inherit; }
    .shell { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(7, 8, 10, .94);
      border-bottom: 1px solid rgba(255, 255, 255, .09);
      backdrop-filter: blur(16px);
    }
    .nav {
      min-height: 70px;
      display: flex;
      align-items: center;
      gap: 28px;
    }
    .brand { display: inline-flex; align-items: center; gap: 11px; color: white; text-decoration: none; margin-right: auto; }
    .brand img { width: 38px; height: 38px; border-radius: 10px; }
    .brand strong { display: block; font-size: .88rem; letter-spacing: .01em; }
    .brand small { display: block; color: #898d95; font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; }
    .nav-links { display: flex; align-items: center; gap: 26px; }
    .nav-links a { color: #aeb1b8; text-decoration: none; font-size: .78rem; font-weight: 750; }
    .nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--gold-light); }
    .nav-buy {
      min-height: 39px;
      display: inline-flex;
      align-items: center;
      padding: 0 17px;
      border-radius: 8px;
      background: linear-gradient(180deg, var(--gold-light), var(--gold));
      color: #080808;
      text-decoration: none;
      font-size: .78rem;
      font-weight: 850;
    }
    .hero {
      position: relative;
      overflow: hidden;
      padding: clamp(58px, 8vw, 105px) 0 clamp(64px, 8vw, 110px);
      background:
        radial-gradient(circle at 77% 15%, rgba(227, 184, 78, .2), transparent 28%),
        linear-gradient(128deg, #050608 0%, #0c0e11 62%, #070809 100%);
      color: white;
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .2;
      background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
      background-size: 64px 64px;
      pointer-events: none;
    }
    .hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr); align-items: center; gap: clamp(42px, 7vw, 86px); }
    .crumbs { margin: 0 0 24px; color: #7f838c; font-size: .72rem; font-weight: 650; }
    .crumbs a { text-decoration: none; }
    .crumbs a:hover { color: var(--gold-light); }
    .eyebrow { color: var(--gold-light); font-size: .68rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
    .hero h1 { margin: 17px 0 0; max-width: 720px; font-size: clamp(3.2rem, 7.4vw, 6.6rem); line-height: .9; letter-spacing: -.072em; }
    .hero h1 span { display: block; margin-top: .12em; color: transparent; background: linear-gradient(100deg, #fff0ba, var(--gold-light) 50%, #ae7716); background-clip: text; }
    .lead { max-width: 650px; margin: 29px 0 0; color: #b4b7be; font-size: clamp(1rem, 1.5vw, 1.15rem); }
    .lead strong { color: white; }
    .formats { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
    .formats span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #c8cbd1; background: rgba(255,255,255,.04); font-size: .68rem; font-weight: 750; }
    .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 33px; }
    .primary, .secondary {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border-radius: 9px;
      padding: 0 24px;
      text-decoration: none;
      font-size: .85rem;
      font-weight: 850;
      transition: transform .2s ease, filter .2s ease, border-color .2s ease;
    }
    .primary { background: linear-gradient(180deg, var(--gold-light), var(--gold)); color: #090909; box-shadow: 0 16px 40px rgba(227,184,78,.18); }
    .secondary { border: 1px solid rgba(255,255,255,.18); color: white; }
    .primary:hover, .secondary:hover { transform: translateY(-2px); }
    .primary:hover { filter: brightness(1.04); }
    .secondary:hover { border-color: rgba(255,223,131,.55); }
    .price-note { color: #777c85; font-size: .72rem; }
    .media-card { position: relative; padding: 13px; border: 1px solid rgba(255,255,255,.15); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)); box-shadow: 0 40px 100px rgba(0,0,0,.48); transform: perspective(1200px) rotateY(-4deg); }
    .media-card img { width: 100%; height: auto; display: block; border-radius: 13px; }
    .media-note { display: flex; justify-content: space-between; gap: 12px; padding: 13px 4px 1px; color: #92969f; font-size: .67rem; font-weight: 700; }
    .trust-bar { border-bottom: 1px solid var(--line); background: white; }
    .trust-items { min-height: 78px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; }
    .trust-items span { padding: 0 18px; border-right: 1px solid var(--line); color: #343841; text-align: center; font-size: .73rem; font-weight: 750; }
    .trust-items span:last-child { border-right: 0; }
    .section { padding: clamp(72px, 8vw, 112px) 0; }
    .section-dark { background: #0b0c0f; color: white; }
    .section-head { max-width: 760px; margin-bottom: 40px; }
    .section-head h2 { margin: 13px 0 0; font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.02; letter-spacing: -.045em; }
    .section-head p { color: var(--muted); margin: 18px 0 0; }
    .section-dark .section-head p { color: #969aa3; }
    .control-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .control-card { position: relative; overflow: hidden; min-height: 260px; padding: 28px; border: 1px solid #252830; border-radius: var(--radius); background: linear-gradient(145deg, #15171c, #0d0f12); }
    .control-card .number { color: #525762; font-size: .72rem; font-weight: 850; letter-spacing: .13em; }
    .control-card h3 { margin: 60px 0 12px; color: var(--gold-light); font-size: 1.35rem; letter-spacing: .02em; }
    .control-card p { margin: 0 0 9px; color: #a8abb2; }
    .demo-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: clamp(34px, 6vw, 74px); align-items: center; }
    .video-frame { overflow: hidden; border-radius: 18px; background: #07080a; box-shadow: var(--shadow); }
    .video-frame video { width: 100%; display: block; aspect-ratio: 16 / 9; object-fit: contain; background: #07080a; }
    .video-caption { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px; color: #777c85; background: white; font-size: .72rem; }
    .video-caption a { color: #8d6712; font-weight: 800; text-decoration: none; }
    .demo-copy h2 { margin: 13px 0 20px; font-size: clamp(2.1rem, 4.8vw, 4rem); line-height: .98; letter-spacing: -.055em; }
    .demo-copy p { color: var(--muted); }
    .use-grid, .feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .panel { padding: clamp(25px, 4vw, 40px); border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: 0 12px 40px rgba(10,11,13,.045); }
    .panel h2, .panel h3 { margin-top: 0; line-height: 1.12; }
    .panel h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); letter-spacing: -.035em; }
    .panel h3 { font-size: 1.05rem; }
    .clean-list, .steps { margin: 22px 0 0; padding: 0; list-style: none; }
    .clean-list li { position: relative; padding: 9px 0 9px 27px; border-bottom: 1px solid #eceef0; }
    .clean-list li:last-child { border-bottom: 0; }
    .clean-list li::before { content: ""; position: absolute; left: 2px; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px #fff4ce; }
    .steps { counter-reset: step; }
    .steps li { counter-increment: step; position: relative; padding: 0 0 20px 46px; }
    .steps li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #111318; color: var(--gold-light); font-size: .72rem; font-weight: 850; }
    .specs { width: 100%; border-collapse: collapse; }
    .specs th, .specs td { padding: 13px 0; border-bottom: 1px solid #eceef0; text-align: left; vertical-align: top; }
    .specs th { width: 34%; color: #737882; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
    .specs td { font-weight: 700; }
    .format-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 22px; }
    .format-card { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #f8f9fa; }
    .format-card strong { display: block; margin-bottom: 5px; font-size: 1.05rem; }
    .format-card p { margin: 0; color: var(--muted); font-size: .84rem; }
    .notice { margin-top: 19px; padding: 16px 18px; border-left: 3px solid var(--gold); background: #fff9e9; color: #4d4535; font-size: .84rem; }
    .download-files { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
    .download-files span { padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; background: #f8f9fa; font-size: .75rem; font-weight: 800; }
    .support-link { color: #8b6410; font-weight: 850; }
    .faq { max-width: 860px; }
    details { border-top: 1px solid #2a2d34; }
    details:last-child { border-bottom: 1px solid #2a2d34; }
    summary { cursor: pointer; padding: 21px 0; font-weight: 800; list-style: none; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: "+"; float: right; color: var(--gold-light); }
    details[open] summary::after { content: "–"; }
    details p { margin: 10px 0 22px; color: #a0a4ac; }
    .final-cta { position: relative; overflow: hidden; border-radius: 25px; padding: clamp(38px, 7vw, 74px); background: linear-gradient(125deg, #13151a, #060709); color: white; box-shadow: var(--shadow); }
    .final-cta::after { content: "DX"; position: absolute; right: -16px; bottom: -80px; color: rgba(255,255,255,.035); font-size: 18rem; font-weight: 900; line-height: 1; }
    .final-cta > * { position: relative; z-index: 1; }
    .final-cta h2 { max-width: 780px; margin: 12px 0 18px; font-size: clamp(2.2rem, 5vw, 4.5rem); line-height: .96; letter-spacing: -.055em; }
    .final-cta p { max-width: 700px; color: #a4a8b0; }
    footer { padding: 38px 0; background: #050608; color: #858a93; }
    .footer-row { display: flex; flex-wrap: wrap; gap: 20px 32px; align-items: center; }
    .footer-row strong { color: white; margin-right: auto; }
    .footer-row a { color: #aeb2ba; text-decoration: none; font-size: .75rem; }
    .footer-row a:hover { color: var(--gold-light); }
    .copyright { margin: 22px 0 0; color: #5f646d; font-size: .7rem; }
    @media (max-width: 900px) {
      .nav-links { display: none; }
      .hero-grid, .demo-grid { grid-template-columns: 1fr; }
      .hero-grid { gap: 48px; }
      .media-card { transform: none; max-width: 720px; }
      .trust-items { grid-template-columns: repeat(2, 1fr); }
      .trust-items span { min-height: 60px; display: grid; place-items: center; border-bottom: 1px solid var(--line); }
      .control-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 680px) {
      .shell { width: min(100% - 28px, 1180px); }
      .brand small { display: none; }
      .nav-buy { padding: 0 13px; }
      .hero h1 { font-size: clamp(3.1rem, 17vw, 4.9rem); }
      .hero-actions { align-items: stretch; }
      .primary, .secondary { width: 100%; }
      .price-note { width: 100%; text-align: center; }
      .media-note { flex-direction: column; }
      .use-grid, .feature-grid, .format-cards { grid-template-columns: 1fr; }
      .trust-items { grid-template-columns: 1fr; }
      .trust-items span { border-right: 0; }
      .video-caption { align-items: flex-start; flex-direction: column; }
      .specs th, .specs td { display: block; width: 100%; }
      .specs th { padding-bottom: 2px; border-bottom: 0; }
      .specs td { padding-top: 2px; }
    }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }

/* Shared additions for the dedicated plugin collection. */
.nav-links a.section-active { color: var(--gold-light); }
.section:not(.section-dark) .eyebrow, .panel .eyebrow, .demo-copy .eyebrow { color:#806017; }
.section-dark .eyebrow, .final-cta .eyebrow { color:var(--gold-light); }
:focus-visible { outline:3px solid #bc881f; outline-offset:5px; }
.skip-link { position:fixed; top:8px; left:12px; z-index:100; background:var(--gold-light); color:#080808; padding:10px 18px; transform:translateY(-150%); border-radius:8px; }
.skip-link:focus { transform:none; }
.sibling-link { display:flex; flex-wrap:wrap; gap:14px 25px; padding-bottom:45px; align-items:center; }
.sibling-link span { margin-right:auto; color:var(--muted); font-size:.82rem; }
.sibling-link a { font-size:.85rem; font-weight:800; text-decoration:none; }
.catalog-hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 77% 0%,rgba(218,173,58,.15),transparent 48%),#08090b; color:#fff; padding:54px 0 56px; }
.catalog-hero .shell { position:relative; }
.catalog-hero h1 { font-size:clamp(3rem,6.5vw,4.7rem); line-height:.98; letter-spacing:-.055em; max-width:850px; margin:25px 0 24px; }
.catalog-hero h1 span { color:var(--gold-light); }
.catalog-hero p { max-width:680px; color:#a9adb5; font-size:1.05rem; line-height:1.7; }
.catalog-line { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:35px; padding-top:22px; border-top:1px solid #272a2f; color:#a0a4ad; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; }
.catalog-line strong { color:var(--gold-light); }
.collection-heading { display:flex; justify-content:space-between; gap:25px; align-items:flex-end; margin-bottom:32px; }
.collection-heading h2 { font-size:2rem; letter-spacing:-.04em; line-height:1.2; margin:0; }
.collection-heading p { margin:0; color:var(--muted); font-size:.85rem; }
.plugin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.plugin-card { border:1px solid #dce0e5; border-radius:22px; background:#fff; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 16px 45px rgba(10,11,13,.065); }
.plugin-card__visual { --art-padding:30px; position:relative; display:block; flex-shrink:0; aspect-ratio:1.5; padding:var(--art-padding); background:radial-gradient(ellipse at 50% 40%,#35383e,#14161a 74%); border-bottom:1px solid #dce0e5; }
.plugin-card__visual img { position:absolute; inset:var(--art-padding); display:block; width:calc(100% - 2 * var(--art-padding)); height:calc(100% - 2 * var(--art-padding)); object-fit:contain; filter:drop-shadow(0 18px 24px rgba(0,0,0,.35)); border-radius:5px; }
.plugin-card__body { padding:30px; display:flex; flex-direction:column; flex:1; }
.plugin-card__top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.plugin-card h3 { font-size:2.2rem; line-height:1; letter-spacing:-.045em; margin:0; }
.plugin-price { font-size:1.55rem; font-weight:800; letter-spacing:-.04em; white-space:nowrap; }
.plugin-price small { font-size:.67rem; font-weight:700; letter-spacing:.03em; color:var(--muted); }
.plugin-card__tagline { margin:12px 0 0; color:#343943; font-size:1.02rem; font-weight:700; }
.plugin-card__description { color:var(--muted); margin:13px 0 20px; font-size:.91rem; }
.plugin-specs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:25px; }
.plugin-specs span { border:1px solid #e0e3e7; border-radius:5px; padding:5px 8px; color:#626872; font-size:.66rem; font-weight:750; }
.plugin-card__actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:auto; }
.plugin-card__actions .primary { box-shadow:none; }
.plugin-card__actions .secondary { border-color:#d2d7de; color:#171a1f; }
.plugin-card__actions a { min-height:46px; padding:0 14px; font-size:.78rem; }
.collection-note { padding:24px 0 0; font-size:.78rem; color:var(--muted); }
.collection-note a { font-weight:700; color:#806017; }
.studio-note { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding-top:60px; margin-top:64px; border-top:1px solid #d7dbe0; }
.studio-note h2 { font-size:2rem; line-height:1.15; letter-spacing:-.04em; margin:0; }
.studio-note p { margin:0; color:var(--muted); }
.feature-intro { max-width:720px; }
.feature-intro h2 { font-size:clamp(2rem,4vw,3rem); line-height:1.05; letter-spacing:-.04em; }
.quick-nav { display:flex; flex-wrap:wrap; gap:9px; margin-top:30px; }
.quick-nav a { color:#b4b9c2; text-decoration:none; font-size:.72rem; padding:8px 12px; border:1px solid #343740; border-radius:6px; }
.quick-nav a:hover { color:var(--gold-light); }
.section[id] { scroll-margin-top:70px; }
.readable p { color:var(--muted); }
.product-name { display:block; font-size:1.1rem; color:var(--gold-light); font-weight:850; letter-spacing:.1em; text-transform:uppercase; margin-bottom:20px; }
@media(max-width:780px) { .plugin-grid,.studio-note { grid-template-columns:1fr; } .catalog-hero { padding:55px 0 60px; } .collection-heading { align-items:flex-start; flex-direction:column; gap:10px; } .studio-note { gap:24px; } }
@media(max-width:500px) { .plugin-card__visual { --art-padding:18px; } .plugin-card__body { padding:24px; } .plugin-card__actions { grid-template-columns:1fr; } .catalog-line { gap:12px; font-size:.65rem; } .nav { gap:13px; } .brand strong { font-size:.77rem; } .nav-buy { font-size:.7rem; padding:0 12px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; scroll-behavior:auto!important; } }

/* DXLink: shared typography, a wider interface and a quiet studio palette. */
.brand { min-width:0; }
.brand img { flex-shrink:0; }
.nav-buy { flex-shrink:0; }
.dxlink-hero { padding:66px 0 78px; }
.dxlink-hero .hero-grid { grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:50px; }
.dxlink-hero h1 { font-size:clamp(3.1rem,5.2vw,4.75rem); line-height:1; letter-spacing:-.06em; }
.dxlink-hero .lead { font-size:1.04rem; }
.dxlink-hero .media-card { transform:none; padding:10px; border-radius:14px; }
.dxlink-hero .media-card img { border-radius:5px; }
.dxlink-hero .media-note { align-items:center; padding:12px 5px 4px; }
.dxlink-hero .price-note { margin-top:16px; color:#a1a5ad; text-align:left; }
.signal-caption { display:flex; gap:12px; justify-content:center; align-items:center; margin-top:25px; font-size:.67rem; color:#8f959e; }
.signal-caption strong { color:var(--gold-light); letter-spacing:.06em; }
.platform-badge { display:inline-flex; gap:6px; align-items:center; font-size:.69rem; font-weight:800; color:#ffdf83; }
.card-platform { position:absolute; right:17px; top:16px; border:1px solid #666052; border-radius:7px; padding:6px 10px; background:#111315; }
.product-jump { background:#fff; border-bottom:1px solid var(--line); }
.product-jump .shell { display:flex; flex-wrap:wrap; gap:12px 28px; padding:19px 0; }
.product-jump a { color:#4c535d; font-size:.75rem; font-weight:750; text-decoration:none; }
.product-jump a:hover { color:#836015; }
.intro-split { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.intro-split h2 { margin:15px 0 20px; font-size:clamp(2.2rem,4vw,3.4rem); line-height:1.04; letter-spacing:-.05em; }
.intro-split p { color:var(--muted); }
.readable p:first-child { margin-top:0; }
.workflow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
.workflow-grid article { border-top:1px solid #35383d; padding-top:24px; }
.step-number { color:var(--gold-light); font-size:.78rem; font-weight:800; }
.workflow-grid h3 { margin:25px 0 12px; font-size:1.13rem; line-height:1.2; }
.workflow-grid p { color:#a9aeb7; font-size:.87rem; margin:0; }
.dxlink-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 34px; }
.dxlink-features article { padding:25px 0; border-top:1px solid #d7dbe0; }
.dxlink-features h3 { font-size:.95rem; margin:0 0 10px; }
.dxlink-features p { font-size:.88rem; margin:0; color:var(--muted); }
.presets-section { background:#e9ecee; }
.preset-list > div { padding:17px 0; border-bottom:1px solid #cfd3d8; }
.preset-list > div:first-child { padding-top:0; }
.preset-list h3 { margin:0 0 3px; font-size:1.03rem; }
.preset-list p { font-size:.89rem; margin:0; }
.download-heading { margin-top:30px!important; }
.support-link { overflow-wrap:anywhere; }
@media(max-width:1000px) { .workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; } .dxlink-features { grid-template-columns:repeat(2,minmax(0,1fr)); } .intro-split { gap:40px; } }
@media(max-width:900px) { .dxlink-hero .hero-grid { grid-template-columns:1fr; } .dxlink-art { max-width:720px; } }
@media(max-width:680px) { .dxlink-hero { padding:43px 0 52px; } .dxlink-hero h1 { font-size:clamp(3rem,11.9vw,4.4rem); } .intro-split { grid-template-columns:1fr; gap:28px; } .dxlink-features { grid-template-columns:1fr; } .dxlink-hero .media-note { flex-direction:row; } .brand strong { line-height:1.25; } .product-jump .shell { gap:13px 21px; } }
@media(max-width:400px) { .workflow-grid { grid-template-columns:1fr; } .signal-caption { gap:7px; font-size:.62rem; } .brand { gap:7px; } .brand strong { max-width:120px; } .nav-buy { padding:0 9px; } }