.lno-wordmark { font-family: var(--font-hero); font-size: clamp(1.4rem,2.6vw,2rem); letter-spacing:0.06em; color: rgba(255,255,255,0.55); margin:0 0 0.7rem; line-height:1; }
      .lno-wordmark span { color: var(--brand); }
      .lno-bridge { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0.6rem 0.9rem; margin:0 auto 2rem; }
      .lno-bridge__node { padding:0.7rem 1.3rem; border-radius:999px; background:linear-gradient(90deg, #1C9AD6 0%, #5E7FC2 32%, #A8398E 58%, #D81F4B 80%, #E2001A 100%); border:none; color:#fff; font-weight:700; font-size:clamp(0.9rem,1.4vw,1.1rem); box-shadow:0 6px 22px -6px rgba(168,57,142,0.55); }
      .lno-bridge__arrow { color: var(--brand); flex-shrink:0; }
      .lno-hub { display:flex; flex-direction:column; align-items:center; gap:2.75rem; }
      .lno-hub__center { display:flex; flex-direction:column; align-items:center; gap:0.6rem; padding:1.6rem 2rem; border-radius:16px; background:linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)); border:1px solid rgba(201,71,225,0.4); color:#fff; font-weight:600; font-size:1.1rem; text-align:center; box-shadow:0 0 40px rgba(201,71,225,0.28); }
      .lno-hub__logo { width:min(72vw, 260px); height:auto; display:block; }
      .lno-hub__spokes { display:flex; flex-wrap:wrap; justify-content:center; gap:0.7rem; }
      .lno-table { width:100%; border-collapse:separate; border-spacing:0; margin-top:1.5rem; border-radius:14px; overflow:hidden; }
      .lno-table th, .lno-table td { padding:1rem 1.2rem; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); vertical-align:middle; }
      .lno-table thead th { font-size:0.82rem; font-weight:800; letter-spacing:0.05em; text-transform:uppercase; }
      .lno-table thead th:first-child { background:rgba(255,255,255,0.05); color:rgba(255,255,255,0.7); }
      .lno-table thead th:last-child { background:rgba(201,71,225,0.22); color:#fff; border-bottom:2px solid rgba(201,71,225,0.5); }
      .lno-table td:first-child { color:rgba(255,255,255,0.6); font-weight:500; width:42%; }
      .lno-table td:last-child { color:#fff; font-weight:700; background:rgba(201,71,225,0.06); }
      .lno-table tbody tr:last-child td { border-bottom:none; }
      .lno-flow { display:flex; flex-wrap:wrap; gap:0.7rem; align-items:stretch; margin-top:1.5rem; }
      .lno-step { flex:1 1 160px; min-width:150px; position:relative; padding:1.2rem 1.1rem; border-radius:14px; background:linear-gradient(150deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.04) 100%); border:1px solid rgba(255,255,255,0.12); border-left:4px solid var(--brand); box-shadow:inset 0 1px 1px rgba(255,255,255,0.16), 0 8px 20px -10px rgba(201,71,225,0.35); }
      .lno-step__n { display:inline-flex; width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#fff; font-weight:800; font-size:0.82rem; align-items:center; justify-content:center; margin-bottom:0.6rem; box-shadow:0 4px 12px rgba(201,71,225,0.45); }
      .lno-step p { margin:0; color:rgba(255,255,255,0.9); font-size:0.92rem; line-height:1.4; font-weight:600; }
      .lno-regions { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:1.1rem; margin-top:1.5rem; }
      .lno-region h3 { color:var(--brand); font-size:0.8rem; font-weight:800; letter-spacing:0.05em; text-transform:uppercase; margin:0 0 0.6rem; }
      .lno-region p { margin:0; color:rgba(255,255,255,0.85); font-size:0.95rem; line-height:1.6; }
      @media (max-width:600px){ .lno-table td:first-child{ width:46%; } }
      /* Problem section — deep-navy band, gradient top edge, left accent stats */
      .lno-problem-sec { position:relative; background:#1e1e2a; }
      .lno-problem-sec::before { content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, transparent 0%, #c947e1 50%, transparent 100%); }
      .lno-problem { max-width:1200px; }
      .lno-problem__eyebrow { padding:0.6rem 1.5rem; margin-bottom:1.6rem; }
      /* One line, sized to fill the container width (capped so it never wraps).
         vw scaling fills the band down to the tablet breakpoint; below 720px the
         58-char line would be unreadable, so it wraps there instead. */
      .lno-problem__h { font-size:clamp(1.1rem, 2.9vw, 2.4rem); line-height:1.08; letter-spacing:-0.02em; color:#fff; margin-bottom:0; max-width:none; white-space:nowrap; }
      @media (max-width:720px) { .lno-problem__h { white-space:normal; font-size:clamp(1.7rem, 7vw, 2.3rem); max-width:18ch; } }
      .lno-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; margin-top:4rem; }
      .lno-stat { padding-left:1.25rem; border-left:3px solid var(--brand); }
      .lno-stat__num { display:block; font-family:var(--font-hero); font-weight:400; font-size:clamp(2.5rem,4.5vw,3.5rem); line-height:1; letter-spacing:0.01em; background:linear-gradient(120deg,#ffffff 0%,#ffffff 45%,#c947e1 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
      .lno-stat__label { display:block; margin-top:0.75rem; font-size:1.0625rem; line-height:1.5; color:rgba(255,255,255,0.6); }
      @media (max-width:760px){ .lno-stats { grid-template-columns:1fr; gap:2.25rem; } }
      /* Why-fails — heading + result line are visually centered, but the eyebrow
         button must stay directly above the word "Five". Trick: wrap eyebrow +
         heading in .wf-head sized to the heading (fit-content) and center that
         block; the eyebrow then left-aligns to the heading's left edge = "Five". */
      #why-fails .wf-head { width:fit-content; max-width:100%; margin-left:auto; margin-right:auto; }
      #why-fails .fa-eyebrow { display:block; width:fit-content; margin-left:0; margin-right:auto; }
      #why-fails .s-heading { text-align:left; }
      /* Result line is display:inline-block at high specificity in inline-extracted.css;
         match that specificity (:not(#_):not(#_)) to center the box itself. */
      #why-fails .s6535bf9038:not(#_):not(#_) { display:block; width:fit-content; margin-left:auto; margin-right:auto; text-align:center; }
      /* CTA copy: intro line in brand rosa. */
      #contact .sd1200af765 { color:var(--brand); }

      /* Operating network — two-node layout on the LIGHT (lavender) variant.
         Two equal columns, ~32px gap, stacks to one column on mobile. The
         s155a4936a1 grid is forced to 3 cols at high specificity in
         inline-extracted.css, so match it (:not(#_):not(#_)) to win. */
      #network .s155a4936a1:not(#_):not(#_) { grid-template-columns:repeat(2,1fr); gap:2rem; }
      @media (max-width:760px) { #network .s155a4936a1:not(#_):not(#_) { grid-template-columns:1fr; } }
      /* Card title: dark navy, bold, ~22px. */
      #network .fa-pillar h3 { color:#1e1e2a; font-weight:700; font-size:1.375rem; margin-bottom:0.55rem; }
      /* FIX bullet visibility: the list text is white in inline-extracted.css
         (invisible on the light card). Force dark navy text + magenta markers. */
      #network .saa0cf37cda:not(#_):not(#_) { color:rgba(30,30,42,0.85); font-size:0.98rem; }
      #network .saa0cf37cda li { margin-bottom:0.3rem; }
      #network .saa0cf37cda li::marker { color:#c947e1; }
      /* Operating profile fact strip (Therapeutic Focus / Geographic Scope) */
      .lno-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem; margin:1.75rem 0 0; }
      .lno-fact { padding:1.1rem 1.3rem; border-radius:14px; background:rgba(255,255,255,0.55); border:1px solid rgba(201,71,225,0.18); border-left:4px solid var(--brand); }
      .lno-fact__label { display:block; font-size:0.75rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:var(--brand); margin-bottom:0.4rem; }
      .lno-fact__value { display:block; font-size:1.05rem; font-weight:700; color:#1e1e2a; line-height:1.4; }
      @media (max-width:600px){ .lno-facts { grid-template-columns:1fr; } }

      /* Global Named Patient & Access Platform carousel (#bridge .s6be0d8ba2c) —
         dark cards now carry a bold white title + a bullet list. Keep the dark
         cinematic look; just make the bullets clearly visible. Equal card height
         + growth for longer lists comes from the carousel's align-items:stretch. */
      .s6be0d8ba2c .fa-core__body { flex:1; min-width:0; }
      .s6be0d8ba2c .fa-core__title { margin:0 0 0.7rem; font-size:1.05rem; font-weight:700; color:#fff; line-height:1.3; }
      .s6be0d8ba2c .fa-core__list { margin:0; padding-left:1.15rem; list-style:disc; }
      .s6be0d8ba2c .fa-core__list li { color:#e8e8f0; font-size:0.95rem; line-height:1.6; margin-bottom:0.35rem; }
      .s6be0d8ba2c .fa-core__list li:last-child { margin-bottom:0; }
      .s6be0d8ba2c .fa-core__list li::marker { color:#c947e1; }

      /* =====================================================================
         PATIENT-AT-THE-CENTRE ORBIT (#patient-orbit)
         Radial composition: a "patients" core ringed in magenta, with four
         group-brand nodes at the diagonals connected by glowing connectors.
         Pure CSS — connectors/ring/pulse are CSS, hover lighting via
         `.po-node:hover ~ .po-line/.po-ring` (nodes precede lines+ring in DOM).
         ===================================================================== */
      .lno-orbit-sec { position:relative; background:radial-gradient(circle at 50% 42%, #2b1f4d 0%, #1b1438 44%, #0e0a1f 100%); overflow:hidden; padding-top:clamp(2.5rem, 5vw, 4rem); padding-bottom:clamp(2.5rem, 5vw, 4rem); }
      /* tighten the gap between the subline and the orbit too */
      .lno-orbit-sec .po-orbit { margin-top:1.5rem; }
      .po-accent { color:var(--brand); }

      /* subline matches the heading's typeface/weight (light), just smaller —
         s40970ee4e8 forces font-weight:600 at (0,3,0), so beat it with #id. */
      #patient-orbit .s40970ee4e8:not(#_):not(#_) { font-weight:300; letter-spacing:-0.01em; }

      .po-orbit { position:relative; width:min(620px, 92vw); aspect-ratio:1; margin:3.25rem auto 0; }

      /* connector lines: anchored at each node centre, rotated toward the core,
         dim at the node end and brighter toward the patient. */
      .po-line { position:absolute; height:2px; width:31%; z-index:1; transform-origin:0 50%; opacity:0.7; background:linear-gradient(90deg, rgba(201,71,225,0.12) 0%, rgba(201,71,225,0.6) 100%); transition:opacity .25s ease, height .25s ease, filter .25s ease; }
      .po-line--tl { left:18%; top:18%; transform:rotate(45deg); }
      .po-line--tr { left:82%; top:18%; transform:rotate(135deg); }
      .po-line--bl { left:18%; top:82%; transform:rotate(-45deg); }
      .po-line--br { left:82%; top:82%; transform:rotate(-135deg); }
      /* pulse travelling along each connector toward the patient core */
      .po-line::after { content:""; position:absolute; top:50%; left:0; width:7px; height:7px; border-radius:50%; background:var(--brand); box-shadow:0 0 10px 2px rgba(201,71,225,0.85); transform:translate(-50%,-50%); animation:poTravel 2.8s linear infinite; }
      .po-line--tr::after { animation-delay:0.7s; }
      .po-line--bl::after { animation-delay:1.4s; }
      .po-line--br::after { animation-delay:2.1s; }
      @keyframes poTravel { 0% { left:0; opacity:0; } 12% { opacity:1; } 88% { opacity:1; } 100% { left:100%; opacity:0; } }

      /* glowing magenta ring around the core */
      .po-ring { position:absolute; left:50%; top:50%; width:30%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; border:2px solid var(--brand); box-shadow:0 0 28px 4px rgba(201,71,225,0.45), inset 0 0 18px rgba(201,71,225,0.3); z-index:2; transition:box-shadow .3s ease, border-color .3s ease; }

      /* patient core — dark slate, gently pulsing */
      .po-center { position:absolute; left:50%; top:50%; width:24%; aspect-ratio:1; transform:translate(-50%,-50%); z-index:5; }
      .po-center__inner { width:100%; height:100%; border-radius:50%; background:#3d4659; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.35rem; box-shadow:0 10px 30px -8px rgba(0,0,0,0.6), inset 0 1px 2px rgba(255,255,255,0.12); animation:poPulse 3.4s ease-in-out infinite; }
      .po-center__icon { width:38%; height:auto; color:#fff; }
      .po-center__label { font-size:clamp(0.78rem, 1.5vw, 0.95rem); font-weight:700; letter-spacing:0.04em; color:#fff; }
      @keyframes poPulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.03); } }

      /* brand nodes at the four diagonals */
      /* all four nodes share an identical box (same width + aspect-ratio); each
         logo is centred and contained, so the cards are uniform regardless of
         the logos' differing aspect ratios. */
      .po-node { position:absolute; width:31%; z-index:4; transform:translate(-50%,-50%); }
      .po-node--tl { left:18%; top:18%; }
      .po-node--tr { left:82%; top:18%; }
      .po-node--bl { left:18%; top:82%; }
      .po-node--br { left:82%; top:82%; }
      .po-logo { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:5/2; padding:0.7rem 0.95rem; border-radius:14px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
      .po-logo img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
      /* subrosa health & capital lockup carries built-in whitespace — scale the
         image up inside its (unchanged) box so its mark matches OmicsAI's size. */
      .po-node--tr .po-logo img { transform:scale(1.32); }
      .po-logo--placeholder { color:rgba(255,255,255,0.6); font-weight:700; font-size:clamp(0.7rem,1.4vw,0.85rem); text-align:center; line-height:1.3; letter-spacing:0.01em; }

      /* hover: lift the logo, brighten its connector + the ring */
      .po-node:hover .po-logo { transform:translateY(-4px); box-shadow:0 14px 32px -8px rgba(201,71,225,0.6); border-color:rgba(201,71,225,0.6); }
      .po-node--tl:hover ~ .po-line--tl,
      .po-node--tr:hover ~ .po-line--tr,
      .po-node--bl:hover ~ .po-line--bl,
      .po-node--br:hover ~ .po-line--br { opacity:1; height:3px; filter:drop-shadow(0 0 6px rgba(201,71,225,0.85)); }
      .po-node:hover ~ .po-ring { box-shadow:0 0 42px 8px rgba(201,71,225,0.7), inset 0 0 24px rgba(201,71,225,0.5); border-color:#e873f2; }

      /* mobile: collapse the orbit to a stacked column (core first, brand cards
         below) with short vertical accent bars instead of diagonal connectors */
      @media (max-width:760px) {
        .po-orbit { position:static; aspect-ratio:auto; display:flex; flex-direction:column; align-items:stretch; gap:1rem; width:100%; max-width:420px; }
        .po-line, .po-ring { display:none; }
        .po-center { position:static; transform:none; width:108px; order:-1; margin:0 auto 0.5rem; }
        .po-center__inner { animation:poPulse 3.4s ease-in-out infinite; }
        .po-node { position:static; transform:none; width:100%; }
        .po-node + .po-node::before, .po-node::before { content:""; display:block; width:2px; height:16px; margin:0 auto 0.6rem; background:linear-gradient(180deg, rgba(201,71,225,0.7), transparent); }
        .po-logo { width:100%; aspect-ratio:4/1; }
        .po-logo img { max-width:80%; max-height:100%; }
        .po-node:hover .po-logo { transform:translateY(-2px); }
      }
      @media (prefers-reduced-motion: reduce) {
        .po-line::after, .po-center__inner { animation:none; }
        .po-line::after { display:none; }
      }