<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Quantitative Decision Intelligence for Private Markets on QFT - Quantitative Financial Technology</title><link>https://qft-analytics.com/</link><description>Recent content in Quantitative Decision Intelligence for Private Markets on QFT - Quantitative Financial Technology</description><generator>Hugo</generator><language>de</language><atom:link href="https://qft-analytics.com/index.xml" rel="self" type="application/rss+xml"/><item><title>A Purpose-Built Platform for Private Markets Fund Selection</title><link>https://qft-analytics.com/platform/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/platform/</guid><description>&lt;h2&gt;Mission&lt;/h2&gt;
&lt;p&gt;
 Providing an ex-ante, quantitative decision layer for private markets fund investing — combining proprietary
 benchmarking and institutional-grade analytics to support better decisions before capital is committed.
&lt;/p&gt;

&lt;h2&gt;Decision intelligence — before capital is committed&lt;/h2&gt;
&lt;p&gt;
 The QFT Platform supports private markets investors at the most critical point of the investment process: before
 capital is deployed. It transforms raw fund data into actionable insights through scientifically grounded analytics
 and proprietary benchmarks, enabling objective, comparable, and defensible investment decisions.
&lt;/p&gt;</description></item><item><title>AI Assistant</title><link>https://qft-analytics.com/science/ai-assistant/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/science/ai-assistant/</guid><description>&lt;style&gt;
 /* ─── PAGE WRAPPER ─── */
 .ai {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }

 /* ─── HERO (DARK, FULL VIEWPORT — matches Rating / Valuation / Workflow) ─── */
 .hero {
 position: relative;
 min-height: 60vh;
 padding: 6rem 0 4rem;
 background: linear-gradient(180deg, #04060a 0%, #0b1220 55%, #0f172a 100%);
 color: #f8fafc;
 overflow: hidden;
 display: flex;
 align-items: center;
 }
 .hero-inner {
 position: relative;
 z-index: 2;
 max-width: var(--page-shell-max-width);
 width: 100%;
 margin: 0 auto;
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 }
 .hero-copy {
 max-width: 720px;
 }
 .hero-header {
 margin-bottom: 1.5rem;
 }
 .hero-header h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.65rem, 3.6vw, 3.15rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #f8fafc;
 }
 .hero-sub {
 font-size: 1.05rem;
 color: #94a3b8;
 font-weight: 300;
 line-height: 1.65;
 max-width: 640px;
 margin-bottom: 2.25rem;
 }
 .hero-ctas {
 display: flex;
 gap: 0.75rem;
 flex-wrap: wrap;
 }
 .hero-scroll {
 position: absolute;
 bottom: 2rem;
 left: 50%;
 transform: translateX(-50%);
 z-index: 2;
 color: #64748b;
 animation: heroScrollBob 2.5s ease-in-out infinite;
 }
 .hero-scroll-inner {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 0.25rem;
 }
 .hero-scroll-inner svg {
 width: 20px;
 height: 20px;
 }
 @keyframes heroScrollBob {
 0%,
 100% {
 transform: translateX(-50%) translateY(0);
 }
 50% {
 transform: translateX(-50%) translateY(6px);
 }
 }

 @media (max-width: 480px) {
 .hero {
 padding: 5rem 0 3rem;
 }
 .hero-ctas {
 flex-direction: column;
 align-items: stretch;
 }
 }
 @media (min-width: 1024px) {
 .hero-inner {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 }

 /* ─── REDESIGNED SECTIONS (aia- prefix) ─── */

 /* Shared section wrapper */
 .aia-section {
 max-width: 1140px;
 margin: 0 auto;
 padding: 4rem 2.5rem;
 }

 /* Intro */
 .aia-intro {
 max-width: 680px;
 margin: 0 auto;
 text-align: center;
 padding: 3rem 2.5rem 2rem;
 }
 .aia-section-label {
 display: inline-block;
 font-size: 0.65rem;
 font-weight: 600;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: #0b5a54;
 margin-bottom: 0.75rem;
 }
 .aia-h2 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.3rem, 2.6vw, 1.75rem);
 font-weight: 700;
 color: #0f172a;
 letter-spacing: -0.02em;
 line-height: 1.2;
 margin-bottom: 0.75rem;
 }
 .aia-p {
 font-size: 0.92rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 }
 .aia-p strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .aia-divider {
 border: none;
 border-top: 1px solid #e2e8f0;
 max-width: 1140px;
 margin: 0 auto;
 }

 /* Two-column row */
 .aia-row {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 3.5rem;
 align-items: center;
 }
 .aia-row--reverse {
 direction: rtl;
 }
 .aia-row--reverse &gt; * {
 direction: ltr;
 }

 /* Text column */
 .aia-text {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
 }
 .aia-text .aia-h2 {
 text-align: left;
 }
 .aia-text .aia-p {
 margin-bottom: 0.25rem;
 }

 /* ─── DARK CARD (matches landing page .ps-card aesthetic) ─── */
 .aia-card {
 position: relative;
 border-radius: 20px;
 background:
 radial-gradient(120% 80% at 100% 0%, rgba(96, 165, 250, 0.12) 0%, rgba(15, 23, 42, 0) 60%),
 linear-gradient(180deg, rgba(20, 24, 38, 0.9) 0%, rgba(12, 16, 28, 0.9) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 overflow: hidden;
 padding: 1.5rem;
 }
 .aia-card-header {
 display: flex;
 align-items: center;
 gap: 0.45rem;
 padding-bottom: 0.75rem;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 margin-bottom: 0.85rem;
 }
 .aia-card-dot {
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #0b5a54;
 }
 .aia-card-title {
 font-size: 0.65rem;
 font-weight: 600;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: #0b5a54;
 }
 .aia-card-badge {
 margin-left: auto;
 padding: 2px 8px;
 border-radius: 4px;
 background: rgba(5, 150, 105, 0.12);
 color: #34d399;
 font-weight: 600;
 font-size: 0.55rem;
 }

 /* ─── EXTRACTION FLOW (horizontal: Source → Arrow → Structured) ─── */
 .aia-extract-flow {
 display: flex;
 align-items: stretch;
 gap: 0.75rem;
 opacity: 0;
 transform: translateY(20px);
 transition:
 opacity 600ms ease,
 transform 600ms ease;
 }
 .aia-card.is-visible .aia-extract-flow {
 opacity: 1;
 transform: translateY(0);
 }
 .aia-extract-box {
 flex: 1;
 padding: 0.75rem;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid rgba(255, 255, 255, 0.06);
 }
 .aia-extract-box-head {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 margin-bottom: 0.5rem;
 }
 .aia-extract-box-label {
 font-size: 0.62rem;
 font-weight: 600;
 color: #94a3b8;
 }
 .aia-extract-box-label--green {
 color: #34d399;
 }
 .aia-extract-files {
 display: flex;
 flex-direction: column;
 gap: 0.2rem;
 font-size: 0.55rem;
 color: #64748b;
 line-height: 1.5;
 }
 .aia-extract-arrow {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 0.2rem;
 flex-shrink: 0;
 padding: 0 0.25rem;
 opacity: 0;
 transition: opacity 500ms ease 400ms;
 }
 .aia-card.is-visible .aia-extract-arrow {
 opacity: 1;
 }
 .aia-extract-arrow-label {
 font-size: 0.45rem;
 font-weight: 600;
 color: #0b5a54;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 }
 .aia-extract-row {
 display: flex;
 justify-content: space-between;
 font-size: 0.5rem;
 padding: 0.15rem 0;
 }
 .aia-extract-row-name {
 color: #64748b;
 }
 .aia-extract-row-val {
 font-weight: 600;
 color: #e2e8f0;
 font-family: "SF Mono", "Fira Code", monospace;
 }
 .aia-extract-row--warn .aia-extract-row-name {
 color: #fbbf24;
 }
 .aia-extract-row--warn .aia-extract-row-val {
 color: #fbbf24;
 }

 /* Staggered structured rows */
 .aia-extract-box--result .aia-extract-row {
 opacity: 0;
 transform: translateX(10px);
 transition:
 opacity 400ms ease,
 transform 400ms ease;
 }
 .aia-card.is-visible .aia-extract-box--result .aia-extract-row:nth-child(1) {
 opacity: 1;
 transform: translateX(0);
 transition-delay: 600ms;
 }
 .aia-card.is-visible .aia-extract-box--result .aia-extract-row:nth-child(2) {
 opacity: 1;
 transform: translateX(0);
 transition-delay: 750ms;
 }
 .aia-card.is-visible .aia-extract-box--result .aia-extract-row:nth-child(3) {
 opacity: 1;
 transform: translateX(0);
 transition-delay: 900ms;
 }
 .aia-card.is-visible .aia-extract-box--result .aia-extract-row:nth-child(4) {
 opacity: 1;
 transform: translateX(0);
 transition-delay: 1050ms;
 }

 /* ─── CHAT CARD ─── */
 .aia-chat-exchange {
 padding: 0.65rem 0;
 border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 opacity: 0;
 transform: translateY(16px);
 transition:
 opacity 500ms ease,
 transform 500ms ease;
 }
 .aia-chat-exchange:last-child {
 border-bottom: none;
 padding-bottom: 0;
 }
 .aia-card.is-visible .aia-chat-exchange:nth-child(1) {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 200ms;
 }
 .aia-card.is-visible .aia-chat-exchange:nth-child(2) {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 600ms;
 }
 .aia-card.is-visible .aia-chat-exchange:nth-child(3) {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 1000ms;
 }
 .aia-chat-msg {
 display: flex;
 align-items: flex-start;
 gap: 0.5rem;
 margin-bottom: 0.3rem;
 }
 .aia-chat-msg:last-child {
 margin-bottom: 0;
 }
 .aia-chat-icon {
 width: 20px;
 height: 20px;
 border-radius: 5px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 margin-top: 1px;
 }
 .aia-chat-icon--user {
 background: rgba(255, 255, 255, 0.08);
 }
 .aia-chat-icon--ai {
 background: rgba(11, 90, 84, 0.2);
 }
 .aia-chat-q {
 font-size: 0.73rem;
 color: #cbd5e1;
 font-weight: 500;
 line-height: 1.5;
 }
 .aia-chat-a {
 font-size: 0.7rem;
 color: #0b5a54;
 line-height: 1.55;
 font-weight: 400;
 }

 /* ─── MEMO CARD ─── */
 .aia-memo-rows {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
 }
 .aia-memo-row {
 display: flex;
 align-items: center;
 gap: 0.65rem;
 padding: 0.55rem 0.7rem;
 border-radius: 8px;
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid rgba(255, 255, 255, 0.05);
 opacity: 0;
 transform: translateY(12px);
 transition:
 opacity 500ms ease,
 transform 500ms ease;
 }
 .aia-card.is-visible .aia-memo-row:nth-child(1) {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 250ms;
 }
 .aia-card.is-visible .aia-memo-row:nth-child(2) {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 450ms;
 }
 .aia-card.is-visible .aia-memo-row:nth-child(3) {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 650ms;
 }
 .aia-card.is-visible .aia-memo-row:nth-child(4) {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 850ms;
 }
 .aia-memo-bar {
 width: 4px;
 height: 28px;
 border-radius: 2px;
 flex-shrink: 0;
 }
 .aia-memo-bar--blue {
 background: #0b1f3b;
 }
 .aia-memo-bar--red {
 background: #dc2626;
 }
 .aia-memo-bar--teal {
 background: #0b5a54;
 }
 .aia-memo-bar--amber {
 background: #b45309;
 }
 .aia-memo-label {
 font-size: 0.68rem;
 font-weight: 600;
 color: #e2e8f0;
 line-height: 1.3;
 }
 .aia-memo-label span {
 display: block;
 font-size: 0.58rem;
 font-weight: 400;
 color: #64748b;
 margin-top: 1px;
 }
 .aia-memo-footer {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-top: 0.75rem;
 margin-top: 0.5rem;
 border-top: 1px solid rgba(255, 255, 255, 0.06);
 }
 .aia-memo-footer-text {
 font-size: 0.58rem;
 color: #64748b;
 }
 .aia-memo-footer-link {
 font-size: 0.58rem;
 color: #0b5a54;
 font-weight: 600;
 text-decoration: none;
 }

 /* ─── NOT SECTION (bordered card treatment) ─── */
 .aia-not {
 max-width: 780px;
 margin: 0 auto;
 padding: 2.5rem;
 background: #ffffff;
 border: 1px solid #e2e8f0;
 border-radius: 16px;
 box-shadow:
 0 1px 2px rgba(15, 23, 42, 0.04),
 0 8px 24px rgba(15, 23, 42, 0.06);
 }
 .aia-not .aia-h2 {
 text-align: left;
 }
 .aia-not .aia-p {
 margin-bottom: 0.5rem;
 }

 /* ─── DATA HANDLING (full-width dark card, 3 columns) ─── */
 .aia-data {
 border-radius: 20px;
 background:
 radial-gradient(120% 80% at 100% 0%, rgba(96, 165, 250, 0.12) 0%, rgba(15, 23, 42, 0) 60%),
 linear-gradient(180deg, rgba(20, 24, 38, 0.9) 0%, rgba(12, 16, 28, 0.9) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 padding: 2.5rem;
 }
 .aia-data-header {
 margin-bottom: 2rem;
 }
 .aia-data-header .aia-section-label {
 color: var(--ci-ice);
 }
 .aia-data-header .aia-h2 {
 color: #ffffff;
 text-align: left;
 }
 .aia-data-cols {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 2rem;
 }
 .aia-data-col-icon {
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.08);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 0.75rem;
 }
 .aia-data-col-title {
 font-size: 0.85rem;
 font-weight: 600;
 color: #ffffff;
 margin-bottom: 0.4rem;
 }
 .aia-data-col-text {
 font-size: 0.8rem;
 color: #94a3b8;
 line-height: 1.6;
 font-weight: 300;
 }
 .aia-data-col-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: #0b5a54;
 font-weight: 600;
 text-decoration: none;
 }
 .aia-data-col-link:hover {
 text-decoration: underline;
 }

 /* ─── SCROLL ANIMATIONS ─── */
 .aia-reveal {
 opacity: 0;
 transform: translateY(40px);
 transition:
 opacity 700ms ease,
 transform 700ms ease;
 }
 .aia-reveal.is-visible {
 opacity: 1;
 transform: translateY(0);
 }
 .aia-reveal--d1.is-visible {
 transition-delay: 100ms;
 }
 .aia-reveal--d2.is-visible {
 transition-delay: 200ms;
 }

 /* ─── RESPONSIVE ─── */
 @media (max-width: 860px) {
 .aia-row {
 grid-template-columns: 1fr;
 gap: 2rem;
 }
 .aia-row--reverse {
 direction: ltr;
 }
 .aia-section {
 padding: 2.5rem 1.5rem;
 }
 .aia-intro {
 padding: 2rem 1.5rem 1rem;
 }
 .aia-data-cols {
 grid-template-columns: 1fr;
 gap: 1.5rem;
 }
 .aia-data {
 padding: 1.75rem 1.5rem;
 }
 .aia-not {
 padding: 1.75rem 1.5rem;
 }
 .aia-card {
 padding: 1.25rem;
 }
 .aia-extract-flow {
 flex-direction: column;
 }
 }
&lt;/style&gt;

&lt;!-- ═══ HERO (dark, full viewport — consistent with all product pages) ═══ --&gt;
&lt;section class="hero"&gt;
 &lt;div class="hero-inner"&gt;
 &lt;div class="hero-copy"&gt;
 &lt;div class="hero-header"&gt;
 &lt;h1&gt;The AI Analyst&lt;/h1&gt;
 &lt;/div&gt;
 &lt;p class="hero-sub"&gt;
 AI on the QFT platform does not make investment decisions and does not provide investment
 recommendations. It is a modern interface for interacting with data and analytics. The same way you
 would ask a colleague to pull a number, summarize a finding, or draft a memo.
 &lt;/p&gt;</description></item><item><title>AI in Alternative Investments: From Hype to Reality</title><link>https://qft-analytics.com/insights/ai-in-alternatives/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/insights/ai-in-alternatives/</guid><description>&lt;style&gt;
 .insd-footnotes {
 margin-top: 3rem;
 padding-top: 1.5rem;
 border-top: 1px solid #e2e8f0;
 }
 .insd-footnotes h3 {
 font-family: "Inter", sans-serif;
 font-size: 0.85rem;
 font-weight: 600;
 color: #0f172a;
 margin-bottom: 0.75rem;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 }
 .insd-footnotes ol {
 padding-left: 1.25rem;
 margin: 0;
 }
 .insd-footnotes li {
 font-size: 0.82rem;
 color: #64748b;
 line-height: 1.6;
 margin-bottom: 0.5rem;
 }
 .insd-footnotes a {
 color: #3b6bd5;
 text-decoration: none;
 }
 .insd-footnotes a:hover {
 text-decoration: underline;
 }
 .insd-body-inner sup a {
 color: #3b6bd5;
 text-decoration: none;
 font-weight: 600;
 }
 .insd-body-inner sup a:hover {
 text-decoration: underline;
 }
&lt;/style&gt;
&lt;div class="insd"&gt;
 &lt;section class="insd-hero ins-cover--white-paper"&gt;
 &lt;div class="insd-hero-inner"&gt;
 &lt;a class="insd-back" href="./insights/"&gt;Back to Insights&lt;/a&gt;
 &lt;span class="insd-tag insd-tag--white-paper"&gt;
 &lt;span class="ins-type-icon"&gt;
 &lt;svg
 viewBox="0 0 16 16"
 fill="none"
 stroke="currentColor"
 stroke-width="1.4"
 stroke-linecap="round"
 stroke-linejoin="round"
 &gt;
 &lt;path d="M3.5 2h6l3 3v9H3.5z" /&gt;
 &lt;path d="M9 2v3h3.5" /&gt;
 &lt;path d="M5.5 8h5M5.5 10h5M5.5 12h3" /&gt;
 &lt;/svg&gt;
 &lt;/span&gt;
 White Paper
 &lt;/span&gt;
 &lt;h1 class="insd-title"&gt;AI in Alternative Investments: From Hype to Reality&lt;/h1&gt;
 &lt;div class="insd-meta"&gt;
 &lt;span class="insd-author"&gt;
 &lt;span class="insd-author-photo"&gt;
 &lt;img src="./images/team-headshots/rb.jpg" alt="Reiner Braun" loading="lazy" /&gt;
 &lt;/span&gt;
 &lt;span class="insd-author-text"&gt;
 &lt;span class="insd-author-name"&gt;Prof. Dr. Reiner Braun&lt;/span&gt;
 &lt;span class="insd-author-role"&gt;Founder &amp;amp; Strategic Partnerships&lt;/span&gt;
 &lt;/span&gt;
 &lt;/span&gt;
 &lt;span class="insd-date"&gt;April 2026&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/section&gt;

 &lt;section class="insd-body"&gt;
 &lt;div class="insd-body-inner"&gt;
 &lt;p class="insd-intro"&gt;
 The discourse surrounding Artificial Intelligence (AI) in the financial industry oscillates between
 doomsday scenarios and hype. Yet beyond the headlines, a clear picture emerges. A second industrial
 revolution is already underway, including in alternative investments.
 &lt;/p&gt;</description></item><item><title>CI Kit (Internal)</title><link>https://qft-analytics.com/internal/ci-kit/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/internal/ci-kit/</guid><description>&lt;p&gt;This internal page is intended for QFT team members preparing presentations and communication materials.&lt;/p&gt;</description></item><item><title>Company</title><link>https://qft-analytics.com/company/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/company/</guid><description>&lt;style&gt;
 .co {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }
 .co-hero {
 padding: 5.5rem 2.5rem 2.5rem;
 max-width: 800px;
 margin: 0 auto;
 }
 .co-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.35rem;
 }
 .co-h1 {
 font-size: clamp(1.8rem, 3.5vw, 2.5rem);
 font-weight: 700;
 color: #0f172a;
 letter-spacing: -0.03em;
 line-height: 1.15;
 margin-bottom: 0.75rem;
 }
 .co-lead {
 font-size: 1.05rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 margin-bottom: 0.5rem;
 }
 .co-section {
 padding: 0 2.5rem 2.5rem;
 max-width: 800px;
 margin: 0 auto;
 }
 .co-h2 {
 font-size: 1.25rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .co-p {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 margin-bottom: 0.75rem;
 }
 .co-strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .co-divider {
 border-top: 1px solid #e2e8f0;
 max-width: 800px;
 margin: 0 auto 2rem;
 }
 .co-timeline {
 display: flex;
 flex-direction: column;
 gap: 0;
 margin: 1.5rem 0;
 position: relative;
 padding-left: 24px;
 }
 .co-timeline:before {
 content: "";
 position: absolute;
 left: 5px;
 top: 4px;
 bottom: 4px;
 width: 2px;
 background: #e2e8f0;
 }
 .co-tl-item {
 position: relative;
 padding-bottom: 1.25rem;
 }
 .co-tl-item:last-child {
 padding-bottom: 0;
 }
 .co-tl-dot {
 position: absolute;
 left: -22px;
 top: 3px;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 border: 2px solid #e2e8f0;
 background: #f8fafc;
 }
 .co-tl-dot.active {
 border-color: #0b1f3b;
 background: #0b1f3b;
 }
 .co-tl-year {
 font-size: 0.65rem;
 font-weight: 700;
 color: #0b1f3b;
 margin-bottom: 0.15rem;
 }
 .co-tl-text {
 font-size: 0.82rem;
 color: #475569;
 line-height: 1.6;
 font-weight: 300;
 }
 .co-link {
 display: inline-block;
 margin-top: 0.5rem;
 font-size: 0.7rem;
 font-weight: 600;
 color: #0b1f3b;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 text-decoration: none;
 }
 .co-link:after {
 content: " \2192";
 }
 .co-cta {
 padding: 3rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .co-cta h2 {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 color: #fff;
 }
 .co-cta p {
 font-size: 0.9rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.25rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
&lt;/style&gt;

&lt;div class="co"&gt;
 &lt;div class="co-hero"&gt;
 &lt;p class="co-label"&gt;Company&lt;/p&gt;</description></item><item><title>Data &amp; Security</title><link>https://qft-analytics.com/science/data-security/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/science/data-security/</guid><description>&lt;style&gt;
 .ds {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }
 .ds-hero {
 padding: 5.5rem var(--page-shell-gutter-mobile) 2.5rem;
 width: 100%;
 max-width: var(--page-shell-max-width);
 margin: 0 auto;
 box-sizing: border-box;
 }
 .ds-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.35rem;
 }
 .ds-h1 {
 font-size: clamp(1.6rem, 3vw, 2.2rem);
 font-weight: 700;
 color: #0f172a;
 letter-spacing: -0.03em;
 line-height: 1.15;
 margin-bottom: 0.75rem;
 }
 .ds-lead {
 font-size: 1rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 margin-bottom: 1.5rem;
 }
 .ds-section {
 padding: 0 var(--page-shell-gutter-mobile) 2.5rem;
 width: 100%;
 max-width: var(--page-shell-max-width);
 margin: 0 auto;
 box-sizing: border-box;
 }
 .ds-hero &gt; *,
 .ds-section &gt; * {
 width: 100%;
 max-width: 800px;
 }
 .ds-h2 {
 font-size: 1.25rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .ds-h3 {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.4rem;
 margin-top: 1.25rem;
 }
 .ds-p {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 margin-bottom: 0.75rem;
 }
 .ds-strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .ds-divider {
 border-top: 1px solid #e2e8f0;
 width: calc(100% - (var(--page-shell-gutter-mobile) * 2));
 max-width: calc(var(--page-shell-max-width) - (var(--page-shell-gutter-mobile) * 2));
 margin: 0 auto 2rem;
 }
 .ds-highlight {
 background: #fff;
 border-left: 3px solid #0b1f3b;
 border-radius: 0 8px 8px 0;
 padding: 1rem 1.25rem;
 margin: 1.25rem 0;
 }
 .ds-highlight-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.3rem;
 }
 .ds-highlight p {
 font-size: 0.85rem;
 color: #475569;
 line-height: 1.6;
 font-weight: 300;
 }
 .ds-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1rem;
 margin: 1.25rem 0;
 }
 .ds-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 }
 .ds-card-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.35rem;
 }
 .ds-card-title {
 font-size: 0.9rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.25rem;
 }
 .ds-card-text {
 font-size: 0.8rem;
 color: #64748b;
 line-height: 1.6;
 font-weight: 300;
 }
 .ds-cta {
 padding: 3rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .ds-cta h2 {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 color: #fff;
 }
 .ds-cta p {
 font-size: 0.9rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.25rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
 @media (max-width: 768px) {
 .ds-grid {
 grid-template-columns: 1fr;
 }
 }
 @media (min-width: 1024px) {
 .ds-hero,
 .ds-section {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 .ds-divider {
 width: calc(100% - (var(--page-shell-gutter-desktop) * 2));
 max-width: calc(var(--page-shell-max-width) - (var(--page-shell-gutter-desktop) * 2));
 }
 }
&lt;/style&gt;

&lt;div class="ds"&gt;
 &lt;div class="ds-hero"&gt;
 &lt;p class="ds-label"&gt;Science &amp; Data&lt;/p&gt;</description></item><item><title>Data Extraction</title><link>https://qft-analytics.com/science/data-extraction/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/science/data-extraction/</guid><description>&lt;style&gt;
 /* ─── PAGE WRAPPER ─── */
 .dx {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }

 /* ─── HERO (DARK, FULL VIEWPORT — no animation, horizontal stretch) ─── */
 .hero {
 position: relative;
 min-height: 60vh;
 padding: 6rem 0 4rem;
 background: linear-gradient(180deg, #04060a 0%, #0b1220 55%, #0f172a 100%);
 color: #f8fafc;
 overflow: hidden;
 display: flex;
 align-items: center;
 }
 .hero-inner {
 position: relative;
 z-index: 2;
 max-width: var(--page-shell-max-width);
 width: 100%;
 margin: 0 auto;
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 }
 .hero-copy {
 max-width: 720px;
 }
 .hero-header {
 margin-bottom: 1.5rem;
 }
 .hero-header h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.65rem, 3.6vw, 3.15rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #f8fafc;
 }
 .hero-sub {
 font-size: 1.05rem;
 color: #94a3b8;
 font-weight: 300;
 line-height: 1.65;
 max-width: 640px;
 margin-bottom: 2.25rem;
 }
 .hero-ctas {
 display: flex;
 gap: 0.75rem;
 flex-wrap: wrap;
 }
 .hero-scroll {
 position: absolute;
 bottom: 2rem;
 left: 50%;
 transform: translateX(-50%);
 z-index: 2;
 color: #64748b;
 animation: heroScrollBob 2.5s ease-in-out infinite;
 }
 .hero-scroll-inner {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 0.25rem;
 }
 .hero-scroll-inner svg {
 width: 20px;
 height: 20px;
 }
 @keyframes heroScrollBob {
 0%,
 100% {
 transform: translateX(-50%) translateY(0);
 }
 50% {
 transform: translateX(-50%) translateY(6px);
 }
 }
 @media (max-width: 480px) {
 .hero {
 padding: 5rem 0 3rem;
 }
 .hero-ctas {
 flex-direction: column;
 align-items: stretch;
 }
 }
 @media (min-width: 1024px) {
 .hero-inner {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 }

 /* ─── BODY SECTIONS (dxn- prefix) ─── */

 .dxn-section {
 max-width: 1140px;
 margin: 0 auto;
 padding: 4rem 2.5rem;
 }
 .dxn-intro {
 max-width: 680px;
 margin: 0 auto;
 text-align: center;
 padding: 3rem 2.5rem 2rem;
 }
 .dxn-section-label {
 display: inline-block;
 font-size: 0.65rem;
 font-weight: 600;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: #0b5a54;
 margin-bottom: 0.75rem;
 }
 .dxn-h2 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.3rem, 2.6vw, 1.75rem);
 font-weight: 700;
 color: #0f172a;
 letter-spacing: -0.02em;
 line-height: 1.2;
 margin-bottom: 0.75rem;
 }
 .dxn-p {
 font-size: 0.92rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 }
 .dxn-p strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .dxn-p a {
 color: #0b5a54;
 font-weight: 600;
 text-decoration: none;
 }
 .dxn-p a:hover {
 text-decoration: underline;
 }
 .dxn-divider {
 border: none;
 border-top: 1px solid #e2e8f0;
 max-width: 1140px;
 margin: 0 auto;
 }

 /* Two-column row */
 .dxn-row {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 3.5rem;
 align-items: center;
 }
 .dxn-row--reverse {
 direction: rtl;
 }
 .dxn-row--reverse &gt; * {
 direction: ltr;
 }

 .dxn-text {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
 }
 .dxn-text .dxn-h2 {
 text-align: left;
 }
 .dxn-text .dxn-p {
 margin-bottom: 0.25rem;
 }

 /* ─── DARK CARD ─── */
 .dxn-card {
 position: relative;
 border-radius: 20px;
 background:
 radial-gradient(120% 80% at 100% 0%, rgba(96, 165, 250, 0.12) 0%, rgba(15, 23, 42, 0) 60%),
 linear-gradient(180deg, rgba(20, 24, 38, 0.9) 0%, rgba(12, 16, 28, 0.9) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 overflow: hidden;
 padding: 1.5rem;
 }
 .dxn-card-header {
 display: flex;
 align-items: center;
 gap: 0.45rem;
 padding-bottom: 0.75rem;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 margin-bottom: 0.85rem;
 }
 .dxn-card-dot {
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #0b5a54;
 }
 .dxn-card-title {
 font-size: 0.65rem;
 font-weight: 600;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: #0b5a54;
 }

 /* ─── INPUTS CARD: upload → extract → structured flow ─── */
 .dxn-flow {
 display: flex;
 align-items: stretch;
 gap: 0.6rem;
 }
 .dxn-flow-col {
 flex: 1;
 min-width: 0;
 }
 .dxn-flow-col--arrow {
 flex: 0 0 auto;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 0.2rem;
 padding: 0 0.15rem;
 opacity: 0;
 transition: opacity 500ms ease;
 }
 .dxn-card.is-visible .dxn-flow-col--arrow {
 opacity: 1;
 transition-delay: 900ms;
 }
 .dxn-flow-arrow-label {
 font-size: 0.42rem;
 font-weight: 600;
 color: #0b5a54;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 }
 .dxn-flow-col-label {
 font-size: 0.55rem;
 font-weight: 600;
 color: #64748b;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 margin-bottom: 0.45rem;
 display: flex;
 align-items: center;
 gap: 0.35rem;
 }
 .dxn-flow-col-label--green {
 color: #34d399;
 }

 /* Upload file chips */
 .dxn-upload-list {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 }
 .dxn-upload-chip {
 display: flex;
 align-items: center;
 gap: 0.45rem;
 padding: 0.35rem 0.5rem;
 border-radius: 6px;
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid rgba(255, 255, 255, 0.06);
 opacity: 0;
 transform: translateY(12px) scale(0.95);
 transition:
 opacity 400ms ease,
 transform 400ms ease;
 }
 .dxn-card.is-visible .dxn-upload-chip {
 opacity: 1;
 transform: translateY(0) scale(1);
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(1) {
 transition-delay: 100ms;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(2) {
 transition-delay: 250ms;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(3) {
 transition-delay: 400ms;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(4) {
 transition-delay: 550ms;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(5) {
 transition-delay: 700ms;
 }
 .dxn-upload-badge {
 font-size: 0.42rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 padding: 2px 5px;
 border-radius: 4px;
 flex-shrink: 0;
 }
 .dxn-upload-badge--pdf {
 background: rgba(239, 68, 68, 0.15);
 color: #f87171;
 }
 .dxn-upload-badge--xls {
 background: rgba(34, 197, 94, 0.15);
 color: #4ade80;
 }
 .dxn-upload-badge--csv {
 background: rgba(219, 234, 254, 0.18);
 color: var(--ci-ice);
 }
 .dxn-upload-badge--dr {
 background: rgba(251, 191, 36, 0.15);
 color: #fbbf24;
 }
 .dxn-upload-name {
 font-size: 0.55rem;
 color: #94a3b8;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 }
 .dxn-upload-check {
 margin-left: auto;
 color: #34d399;
 opacity: 0;
 transition: opacity 300ms ease;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(1) .dxn-upload-check {
 opacity: 1;
 transition-delay: 500ms;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(2) .dxn-upload-check {
 opacity: 1;
 transition-delay: 650ms;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(3) .dxn-upload-check {
 opacity: 1;
 transition-delay: 800ms;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(4) .dxn-upload-check {
 opacity: 1;
 transition-delay: 950ms;
 }
 .dxn-card.is-visible .dxn-upload-chip:nth-child(5) .dxn-upload-check {
 opacity: 1;
 transition-delay: 1100ms;
 }

 /* Structured output rows (right side of flow) */
 .dxn-struct-list {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 }
 .dxn-struct-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0.35rem 0.5rem;
 border-radius: 6px;
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid rgba(255, 255, 255, 0.06);
 opacity: 0;
 transform: translateX(12px);
 transition:
 opacity 400ms ease,
 transform 400ms ease;
 }
 .dxn-card.is-visible .dxn-struct-row {
 opacity: 1;
 transform: translateX(0);
 }
 .dxn-card.is-visible .dxn-struct-row:nth-child(1) {
 transition-delay: 1100ms;
 }
 .dxn-card.is-visible .dxn-struct-row:nth-child(2) {
 transition-delay: 1250ms;
 }
 .dxn-card.is-visible .dxn-struct-row:nth-child(3) {
 transition-delay: 1400ms;
 }
 .dxn-card.is-visible .dxn-struct-row:nth-child(4) {
 transition-delay: 1550ms;
 }
 .dxn-card.is-visible .dxn-struct-row:nth-child(5) {
 transition-delay: 1700ms;
 }
 .dxn-struct-name {
 font-size: 0.52rem;
 color: #94a3b8;
 }
 .dxn-struct-val {
 font-size: 0.52rem;
 font-weight: 600;
 color: #e2e8f0;
 font-family: "SF Mono", "Fira Code", monospace;
 }
 .dxn-struct-val--warn {
 color: #fbbf24;
 }

 /* ─── PROCESS CARD: schema mapping flow ─── */
 .dxn-process-flow {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
 }
 .dxn-process-step {
 display: flex;
 align-items: center;
 gap: 0.65rem;
 padding: 0.55rem 0.65rem;
 border-radius: 8px;
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid rgba(255, 255, 255, 0.06);
 opacity: 0;
 transform: translateY(12px);
 transition:
 opacity 450ms ease,
 transform 450ms ease;
 }
 .dxn-card.is-visible .dxn-process-step {
 opacity: 1;
 transform: translateY(0);
 }
 .dxn-card.is-visible .dxn-process-step:nth-child(1) {
 transition-delay: 200ms;
 }
 .dxn-card.is-visible .dxn-process-step:nth-child(2) {
 transition-delay: 400ms;
 }
 .dxn-card.is-visible .dxn-process-step:nth-child(3) {
 transition-delay: 600ms;
 }
 .dxn-card.is-visible .dxn-process-step:nth-child(4) {
 transition-delay: 800ms;
 }
 .dxn-process-num {
 width: 24px;
 height: 24px;
 border-radius: 6px;
 background: rgba(11, 90, 84, 0.2);
 color: #0b5a54;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.6rem;
 font-weight: 700;
 flex-shrink: 0;
 }
 .dxn-process-label {
 font-size: 0.72rem;
 font-weight: 500;
 color: #e2e8f0;
 line-height: 1.3;
 }
 .dxn-process-label span {
 display: block;
 font-size: 0.58rem;
 font-weight: 400;
 color: #64748b;
 margin-top: 1px;
 }
 .dxn-process-status {
 margin-left: auto;
 font-size: 0.55rem;
 font-weight: 600;
 white-space: nowrap;
 }
 .dxn-process-status--ok {
 color: #34d399;
 }
 .dxn-process-status--review {
 color: #fbbf24;
 }

 /* ─── OUTPUT CARD: structured data preview ─── */
 .dxn-output-rows {
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
 }
 .dxn-output-row {
 display: flex;
 align-items: center;
 gap: 0.65rem;
 padding: 0.45rem 0.65rem;
 border-radius: 8px;
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid rgba(255, 255, 255, 0.06);
 opacity: 0;
 transform: translateY(10px);
 transition:
 opacity 400ms ease,
 transform 400ms ease;
 }
 .dxn-card.is-visible .dxn-output-row {
 opacity: 1;
 transform: translateY(0);
 }
 .dxn-card.is-visible .dxn-output-row:nth-child(1) {
 transition-delay: 200ms;
 }
 .dxn-card.is-visible .dxn-output-row:nth-child(2) {
 transition-delay: 350ms;
 }
 .dxn-card.is-visible .dxn-output-row:nth-child(3) {
 transition-delay: 500ms;
 }
 .dxn-card.is-visible .dxn-output-row:nth-child(4) {
 transition-delay: 650ms;
 }
 .dxn-card.is-visible .dxn-output-row:nth-child(5) {
 transition-delay: 800ms;
 }
 .dxn-output-bar {
 width: 4px;
 height: 24px;
 border-radius: 2px;
 flex-shrink: 0;
 }
 .dxn-output-bar--blue {
 background: #1d4ed8;
 }
 .dxn-output-bar--teal {
 background: #0b5a54;
 }
 .dxn-output-bar--cyan {
 background: var(--ci-ice);
 }
 .dxn-output-bar--amber {
 background: #b45309;
 }
 .dxn-output-bar--green {
 background: #059669;
 }
 .dxn-output-label {
 font-size: 0.68rem;
 font-weight: 600;
 color: #e2e8f0;
 line-height: 1.3;
 }
 .dxn-output-label span {
 display: block;
 font-size: 0.55rem;
 font-weight: 400;
 color: #64748b;
 margin-top: 1px;
 }
 .dxn-output-val {
 margin-left: auto;
 font-size: 0.6rem;
 font-weight: 600;
 color: #34d399;
 font-family: "SF Mono", "Fira Code", monospace;
 white-space: nowrap;
 }

 /* ─── HIGHLIGHT (bordered card treatment) ─── */
 .dxn-highlight {
 max-width: 780px;
 margin: 0 auto;
 padding: 2.5rem;
 background: #ffffff;
 border: 1px solid #e2e8f0;
 border-radius: 16px;
 box-shadow:
 0 1px 2px rgba(15, 23, 42, 0.04),
 0 8px 24px rgba(15, 23, 42, 0.06);
 }
 .dxn-highlight .dxn-h2 {
 text-align: left;
 }
 .dxn-highlight .dxn-p {
 margin-bottom: 0.5rem;
 }
 .dxn-highlight-accent {
 display: flex;
 align-items: center;
 gap: 0.75rem;
 padding: 1rem 1.25rem;
 border-left: 3px solid #0b5a54;
 border-radius: 0 8px 8px 0;
 background: rgba(11, 90, 84, 0.04);
 margin-bottom: 1.5rem;
 }
 .dxn-highlight-accent p {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.65;
 font-weight: 300;
 }

 /* ─── SCROLL ANIMATIONS ─── */
 .dxn-reveal {
 opacity: 0;
 transform: translateY(40px);
 transition:
 opacity 700ms ease,
 transform 700ms ease;
 }
 .dxn-reveal.is-visible {
 opacity: 1;
 transform: translateY(0);
 }
 .dxn-reveal--d1.is-visible {
 transition-delay: 100ms;
 }

 /* ─── RESPONSIVE ─── */
 @media (max-width: 860px) {
 .dxn-row {
 grid-template-columns: 1fr;
 gap: 2rem;
 }
 .dxn-row--reverse {
 direction: ltr;
 }
 .dxn-section {
 padding: 2.5rem 1.5rem;
 }
 .dxn-intro {
 padding: 2rem 1.5rem 1rem;
 }
 .dxn-highlight {
 padding: 1.75rem 1.5rem;
 }
 .dxn-card {
 padding: 1.25rem;
 }
 .dxn-flow {
 flex-direction: column;
 }
 .dxn-flow-col--arrow {
 flex-direction: row;
 padding: 0.25rem 0;
 }
 .dxn-flow-col--arrow svg {
 transform: rotate(90deg);
 }
 }
&lt;/style&gt;

&lt;!-- ═══ HERO ═══ --&gt;
&lt;section class="hero"&gt;
 &lt;div class="hero-inner"&gt;
 &lt;div class="hero-copy"&gt;
 &lt;div class="hero-header"&gt;
 &lt;h1&gt;Data Extraction&lt;/h1&gt;
 &lt;/div&gt;
 &lt;p class="hero-sub"&gt;
 QFT turns unstructured private market documents, such as GP reports, track records, and data rooms, into
 structured, queryable data. Schema-enforced, human-verified, and ready for analytics.
 &lt;/p&gt;</description></item><item><title>Datenschutz</title><link>https://qft-analytics.com/datenschutz/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/datenschutz/</guid><description>&lt;p&gt;Stand: 17. März 2026&lt;/p&gt;
&lt;p&gt;
 Diese Datenschutzhinweise informieren Sie über die Verarbeitung personenbezogener Daten auf dieser Website sowie im
 Zusammenhang mit der Nutzung der QFT-Plattform.
&lt;/p&gt;

&lt;h2&gt;1. Verantwortlicher&lt;/h2&gt;
&lt;p&gt;
 QFT Analytics GmbH
 &lt;br /&gt;
 Münchner Str. 34
 &lt;br /&gt;
 83707 Bad Wiessee
 &lt;br /&gt;
 Deutschland
 &lt;br /&gt;
 E-Mail:
 &lt;a href="mailto:alexander@qft-analytics.com"&gt;alexander@qft-analytics.com&lt;/a&gt;
&lt;/p&gt;

&lt;h2&gt;2. Informatorische Nutzung der Website und Hosting&lt;/h2&gt;
&lt;p&gt;
 Beim rein informatorischen Besuch der Website verarbeiten wir bzw. unser Hosting-Dienstleister die technisch
 erforderlichen Verbindungsdaten, insbesondere IP-Adresse, Datum und Uhrzeit des Abrufs, angeforderte URL, Referrer,
 Browser- und Geräteinformationen sowie Statuscodes. Die Verarbeitung ist erforderlich, um die Website auszuliefern,
 die Stabilität und Sicherheit des Betriebs sicherzustellen und Missbrauch nachverfolgen zu können.
&lt;/p&gt;</description></item><item><title>Discover the Power of Our Solutions.</title><link>https://qft-analytics.com/contact/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/contact/</guid><description>&lt;style&gt;
 /* ─── BASE ─── */
 .ct {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }

 /* ─── HERO (matches single.html pattern) ─── */
 .ct-hero {
 position: relative;
 overflow: hidden;
 background: #020617;
 color: #fff;
 }
 .ct-hero-bg {
 position: absolute;
 inset: 0;
 }
 .ct-hero-bg img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 opacity: 0.7;
 }
 .ct-hero-bg::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(135deg, #020617 0%, rgba(2, 6, 23, 0.7) 50%, rgba(15, 23, 42, 0.3) 100%);
 }
 .ct-hero-inner {
 position: relative;
 max-width: 1200px;
 margin: 0 auto;
 padding: 5rem 1.5rem;
 }
 .ct-hero-label {
 font-size: 0.75rem;
 font-weight: 600;
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin: 0 0 0.9rem;
 }
 .ct-hero-h1 {
 font-size: clamp(2.25rem, 4.5vw, 3rem);
 font-weight: 600;
 line-height: 1.15;
 color: #fff;
 letter-spacing: -0.02em;
 margin: 0;
 }
 .ct-hero-sub {
 max-width: 640px;
 margin-top: 1rem;
 font-size: 1.125rem;
 line-height: 1.7;
 color: #e2e8f0;
 font-weight: 300;
 }
 @media (min-width: 1024px) {
 .ct-hero-inner {
 padding: 6rem 2rem;
 }
 }
 @media (max-width: 560px) {
 .ct-hero-inner {
 padding: 4rem 1.25rem;
 }
 }

 /* ─── MAIN GRID ─── */
 .ct-main {
 padding: 4.5rem 1.5rem 3.5rem;
 background: #f8fafc;
 }
 .ct-main-inner {
 max-width: 1200px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: 45fr 55fr;
 gap: 2.5rem;
 align-items: start;
 }

 /* ─── LEFT COLUMN ─── */
 .ct-left {
 display: flex;
 flex-direction: column;
 gap: 2.25rem;
 }
 .ct-eyebrow {
 font-size: 0.72rem;
 font-weight: 700;
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: var(--ci-ice-600);
 margin: 0 0 0.9rem;
 }
 .ct-h2 {
 font-size: clamp(1.6rem, 2.6vw, 2rem);
 font-weight: 700;
 color: #0b1f3b;
 letter-spacing: -0.02em;
 line-height: 1.2;
 margin: 0 0 1.25rem;
 }
 .ct-body {
 font-size: 1rem;
 color: #475569;
 line-height: 1.7;
 margin: 0 0 1rem;
 font-weight: 300;
 }
 .ct-body:last-of-type {
 margin-bottom: 0;
 }

 /* Checklist */
 .ct-check-label {
 font-size: 0.78rem;
 font-weight: 600;
 color: #0b1f3b;
 letter-spacing: 0.02em;
 margin: 1.75rem 0 0.9rem;
 }
 .ct-check-list {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
 flex-direction: column;
 gap: 0.7rem;
 }
 .ct-check-item {
 display: flex;
 align-items: flex-start;
 gap: 0.7rem;
 font-size: 0.95rem;
 color: #334155;
 line-height: 1.55;
 }
 .ct-check-icon {
 flex: 0 0 auto;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: rgba(96, 165, 250, 0.12);
 border: 1px solid rgba(96, 165, 250, 0.28);
 color: var(--ci-ice-600);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin-top: 2px;
 }
 .ct-check-icon svg {
 width: 11px;
 height: 11px;
 }

 /* CTAs */
 .ct-ctas {
 display: flex;
 flex-direction: column;
 gap: 0.7rem;
 align-items: stretch;
 }

 /* Divider */
 .ct-divider {
 height: 1px;
 background: #e2e8f0;
 border: 0;
 margin: 0;
 }

 /* ─── RIGHT COLUMN: UNIFIED CONTACT CARD ─── */
 .ct-right {
 display: flex;
 flex-direction: column;
 gap: 1.5rem;
 align-self: start;
 position: sticky;
 top: 5rem;
 }

 .ct-form-card {
 padding: 2.25rem;
 border-radius: 20px;
 background:
 radial-gradient(120% 80% at 100% 0%, rgba(96, 165, 250, 0.12) 0%, rgba(15, 23, 42, 0) 60%),
 linear-gradient(180deg, rgba(20, 24, 38, 0.96) 0%, rgba(12, 16, 28, 0.96) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 box-shadow: 0 24px 60px rgba(2, 6, 23, 0.28);
 color: #e2e8f0;
 }

 /* Contact head (Alex block inside dark card) */
 .ct-contact-head {
 display: grid;
 grid-template-columns: 88px 1fr;
 gap: 1.1rem;
 align-items: center;
 padding-bottom: 1.5rem;
 margin-bottom: 1.75rem;
 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
 .ct-contact-photo {
 width: 88px;
 height: 88px;
 border-radius: 14px;
 overflow: hidden;
 background: rgba(255, 255, 255, 0.04);
 border: 1px solid rgba(255, 255, 255, 0.08);
 }
 .ct-contact-photo img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 }
 .ct-contact-body {
 min-width: 0;
 }
 .ct-contact-eyebrow {
 font-size: 0.7rem;
 font-weight: 700;
 letter-spacing: 0.16em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin: 0 0 0.3rem;
 }
 .ct-contact-name {
 font-size: 1.15rem;
 font-weight: 700;
 color: #fff;
 letter-spacing: -0.01em;
 margin: 0 0 0.2rem;
 }
 .ct-contact-role {
 font-size: 0.78rem;
 font-weight: 600;
 color: #cbd5e1;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 margin: 0 0 0.6rem;
 }
 .ct-contact-links {
 display: flex;
 align-items: center;
 gap: 0.7rem;
 flex-wrap: wrap;
 }
 .ct-contact-email {
 font-size: 0.9rem;
 color: var(--ci-ice);
 text-decoration: none;
 border-bottom: 1px solid rgba(219, 234, 254, 0.35);
 padding-bottom: 1px;
 transition:
 color 200ms ease,
 border-color 200ms ease;
 word-break: break-all;
 }
 .ct-contact-email:hover {
 color: #fff;
 border-bottom-color: #fff;
 }
 .ct-contact-social {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 30px;
 height: 30px;
 border-radius: 8px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.12);
 color: var(--ci-ice);
 transition:
 transform 200ms ease,
 background 200ms ease,
 color 200ms ease,
 border-color 200ms ease;
 }
 .ct-contact-social:hover {
 transform: translateY(-1px);
 background: rgba(96, 165, 250, 0.18);
 color: #fff;
 border-color: rgba(96, 165, 250, 0.45);
 }
 .ct-contact-social svg {
 width: 13px;
 height: 13px;
 }
 .ct-contact-availability {
 font-size: 0.78rem;
 color: #94a3b8;
 margin: 0.9rem 0 0;
 line-height: 1.5;
 }
 .ct-form-eyebrow {
 font-size: 0.72rem;
 font-weight: 700;
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin: 0 0 0.6rem;
 }
 .ct-form-title {
 font-size: 1.05rem;
 font-weight: 600;
 color: #fff;
 letter-spacing: -0.005em;
 line-height: 1.4;
 margin: 0 0 1.25rem;
 }

 /* Contact block in left column (light theme variant) */
 .ct-contact-block {
 display: grid;
 grid-template-columns: 72px 1fr;
 gap: 1rem;
 align-items: center;
 padding: 1.25rem;
 border-radius: 14px;
 background: #fff;
 border: 1px solid #e2e8f0;
 }
 .ct-contact-block-photo {
 width: 72px;
 height: 72px;
 border-radius: 12px;
 overflow: hidden;
 background: #f1f5f9;
 border: 1px solid #e2e8f0;
 }
 .ct-contact-block-photo img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 }
 .ct-contact-block-body {
 min-width: 0;
 }
 .ct-contact-block-eyebrow {
 font-size: 0.68rem;
 font-weight: 700;
 letter-spacing: 0.16em;
 text-transform: uppercase;
 color: var(--ci-ice-600);
 margin: 0 0 0.3rem;
 }
 .ct-contact-block-name {
 font-size: 1.05rem;
 font-weight: 700;
 color: #0b1f3b;
 letter-spacing: -0.01em;
 margin: 0 0 0.15rem;
 }
 .ct-contact-block-role {
 font-size: 0.72rem;
 font-weight: 600;
 color: #64748b;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 margin: 0 0 0.55rem;
 }
 .ct-contact-block-links {
 display: flex;
 align-items: center;
 gap: 0.7rem;
 flex-wrap: wrap;
 }
 .ct-contact-block-email {
 font-size: 0.85rem;
 color: var(--ci-ice-600);
 text-decoration: none;
 border-bottom: 1px solid rgba(96, 165, 250, 0.35);
 padding-bottom: 1px;
 transition:
 color 200ms ease,
 border-color 200ms ease;
 word-break: break-all;
 }
 .ct-contact-block-email:hover {
 color: #0b1f3b;
 border-bottom-color: #0b1f3b;
 }
 .ct-contact-block-social {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 28px;
 height: 28px;
 border-radius: 8px;
 background: #f1f5f9;
 border: 1px solid #e2e8f0;
 color: var(--ci-ice-600);
 transition:
 transform 200ms ease,
 background 200ms ease,
 color 200ms ease,
 border-color 200ms ease;
 }
 .ct-contact-block-social:hover {
 transform: translateY(-1px);
 background: rgba(96, 165, 250, 0.12);
 color: var(--ci-ice-600);
 border-color: rgba(96, 165, 250, 0.35);
 }
 .ct-contact-block-social svg {
 width: 13px;
 height: 13px;
 }
 .ct-form {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.1rem 1rem;
 }
 .ct-field {
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 }
 .ct-field--full {
 grid-column: 1 / -1;
 }
 .ct-label {
 font-size: 0.78rem;
 font-weight: 600;
 color: #cbd5e1;
 letter-spacing: 0.01em;
 }
 .ct-req {
 color: var(--ci-ice);
 margin-left: 0.2rem;
 }
 .ct-input,
 .ct-textarea,
 .ct-select {
 width: 100%;
 padding: 0.75rem 0.9rem;
 background: rgba(255, 255, 255, 0.04);
 border: 1px solid rgba(255, 255, 255, 0.12);
 border-radius: 10px;
 color: #fff;
 font-family: inherit;
 font-size: 0.95rem;
 line-height: 1.4;
 transition:
 border-color 200ms ease,
 background 200ms ease,
 box-shadow 200ms ease;
 }
 .ct-input::placeholder,
 .ct-textarea::placeholder {
 color: rgba(148, 163, 184, 0.7);
 }
 .ct-input:focus,
 .ct-textarea:focus,
 .ct-select:focus {
 outline: none;
 border-color: rgba(96, 165, 250, 0.55);
 background: rgba(255, 255, 255, 0.06);
 box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.18);
 }
 .ct-input[aria-invalid="true"],
 .ct-select[aria-invalid="true"] {
 border-color: rgba(248, 113, 113, 0.65);
 background: rgba(239, 68, 68, 0.08);
 }
 .ct-input[aria-invalid="true"]:focus,
 .ct-select[aria-invalid="true"]:focus {
 border-color: rgba(248, 113, 113, 0.85);
 box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
 }
 .ct-textarea {
 resize: vertical;
 min-height: 110px;
 }
 .ct-field-help,
 .ct-field-note,
 .ct-field-error {
 margin: -0.12rem 0 0;
 font-size: 0.78rem;
 line-height: 1.45;
 }
 .ct-field-help {
 color: #94a3b8;
 }
 .ct-field-note {
 display: none;
 color: #bfdbfe;
 }
 .ct-field-note.is-visible {
 display: block;
 }
 .ct-field-error {
 display: none;
 color: #fecaca;
 }
 .ct-field-error.is-visible {
 display: block;
 }

 /* Select: match input styling, add caret */
 .ct-select {
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 padding-right: 2.25rem;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: right 0.85rem center;
 background-size: 14px 14px;
 cursor: pointer;
 }
 .ct-select:invalid,
 .ct-select:has(option[value=""]:checked) {
 color: rgba(148, 163, 184, 0.85);
 }
 .ct-select option {
 background: #0c1220;
 color: #fff;
 }
 .ct-select option[value=""] {
 color: rgba(148, 163, 184, 0.8);
 }

 /* Segmented pill selector */
 .ct-seg {
 display: inline-flex;
 gap: 0.4rem;
 flex-wrap: wrap;
 }
 .ct-seg.is-invalid .ct-seg-btn {
 border-color: rgba(248, 113, 113, 0.65);
 background: rgba(239, 68, 68, 0.08);
 }
 .ct-seg-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 72px;
 padding: 0.55rem 1.15rem;
 border-radius: 999px;
 background: rgba(255, 255, 255, 0.04);
 border: 1px solid rgba(255, 255, 255, 0.12);
 color: #cbd5e1;
 font-family: inherit;
 font-size: 0.9rem;
 font-weight: 600;
 letter-spacing: 0.02em;
 cursor: pointer;
 transition:
 background 200ms ease,
 border-color 200ms ease,
 color 200ms ease,
 box-shadow 200ms ease;
 }
 .ct-seg-btn:hover {
 border-color: rgba(96, 165, 250, 0.45);
 color: #fff;
 }
 .ct-seg-btn:focus-visible {
 outline: none;
 box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25);
 }
 .ct-seg-btn[aria-pressed="true"] {
 background: linear-gradient(180deg, var(--ci-ice-500) 0%, var(--ci-ice-600) 100%);
 border-color: rgba(96, 165, 250, 0.55);
 color: #fff;
 box-shadow: 0 6px 16px rgba(59, 107, 213, 0.3);
 }

 /* Checkbox row */
 .ct-consent {
 grid-column: 1 / -1;
 display: flex;
 align-items: flex-start;
 gap: 0.7rem;
 margin-top: 0.2rem;
 }
 .ct-consent input[type="checkbox"] {
 appearance: none;
 -webkit-appearance: none;
 flex: 0 0 auto;
 width: 18px;
 height: 18px;
 border-radius: 5px;
 border: 1px solid rgba(255, 255, 255, 0.22);
 background: rgba(255, 255, 255, 0.04);
 margin-top: 2px;
 cursor: pointer;
 position: relative;
 transition:
 background 200ms ease,
 border-color 200ms ease,
 box-shadow 200ms ease;
 }
 .ct-consent input[type="checkbox"]:hover {
 border-color: rgba(96, 165, 250, 0.5);
 }
 .ct-consent input[type="checkbox"]:focus-visible {
 outline: none;
 box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25);
 }
 .ct-consent input[type="checkbox"]:checked {
 background: linear-gradient(180deg, var(--ci-ice-500) 0%, var(--ci-ice-600) 100%);
 border-color: rgba(96, 165, 250, 0.6);
 }
 .ct-consent input[type="checkbox"]:checked::after {
 content: "";
 position: absolute;
 inset: 0;
 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 8 6.5 11.5 13 5'/%3E%3C/svg%3E")
 no-repeat center / 12px 12px;
 }
 .ct-consent-label {
 font-size: 0.85rem;
 color: #cbd5e1;
 line-height: 1.55;
 margin: 0;
 cursor: pointer;
 }
 .ct-consent-label a {
 color: var(--ci-ice);
 text-decoration: underline;
 text-decoration-color: rgba(199, 210, 254, 0.4);
 text-underline-offset: 2px;
 }
 .ct-consent-label a:hover {
 color: #fff;
 text-decoration-color: #fff;
 }

 /* Submit row */
 .ct-form-footer {
 grid-column: 1 / -1;
 display: flex;
 align-items: center;
 gap: 1rem;
 margin-top: 0.5rem;
 flex-wrap: wrap;
 }
 .ct-submit {
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 padding: 0.85rem 1.6rem;
 border-radius: 100px;
 background: linear-gradient(180deg, var(--ci-ice-500) 0%, var(--ci-ice-600) 100%);
 color: #fff;
 font-size: 0.95rem;
 font-weight: 600;
 border: 1px solid rgba(96, 165, 250, 0.55);
 box-shadow: 0 10px 24px rgba(59, 107, 213, 0.4);
 cursor: pointer;
 font-family: inherit;
 transition:
 transform 200ms ease,
 box-shadow 200ms ease,
 opacity 200ms ease,
 background 200ms ease;
 }
 .ct-submit:hover:not(:disabled) {
 transform: translateY(-1px);
 box-shadow: 0 12px 28px rgba(59, 107, 213, 0.45);
 }
 .ct-submit:disabled {
 opacity: 0.45;
 cursor: not-allowed;
 box-shadow: none;
 }
 .ct-submit span {
 transition: transform 200ms ease;
 display: inline-block;
 }
 .ct-submit:hover:not(:disabled) span {
 transform: translateX(3px);
 }
 .ct-submit-note {
 font-size: 0.8rem;
 color: #94a3b8;
 line-height: 1.55;
 margin: 0;
 flex: 1;
 min-width: 180px;
 }
 .ct-form-success {
 display: none;
 grid-column: 1 / -1;
 margin-top: 0.5rem;
 padding: 1rem 1.15rem;
 border-radius: 12px;
 background: rgba(34, 197, 94, 0.12);
 border: 1px solid rgba(74, 222, 128, 0.38);
 color: #bbf7d0;
 font-size: 0.95rem;
 line-height: 1.6;
 align-items: flex-start;
 gap: 0.7rem;
 }
 .ct-form-success::before {
 content: "";
 flex: 0 0 auto;
 width: 1.35rem;
 height: 1.35rem;
 margin-top: 0.08rem;
 border-radius: 999px;
 background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%230f172a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10.5 8.5 14 15 6'/%3E%3C/svg%3E")
 no-repeat center / 0.9rem 0.9rem,
 #86efac;
 }
 .ct-form-success.is-visible {
 display: flex;
 }
 .ct-form-success.is-error {
 background: rgba(239, 68, 68, 0.12);
 border-color: rgba(248, 113, 113, 0.38);
 color: #fecaca;
 }
 .ct-form-success.is-error::before {
 display: none;
 }
 .ct-hp {
 position: absolute;
 left: -10000px;
 top: auto;
 width: 1px;
 height: 1px;
 overflow: hidden;
 }

 /* ─── TRUST STRIP ─── */
 .ct-trust {
 background: #0b1f3b;
 padding: 2.5rem 1.5rem;
 color: #e2e8f0;
 }
 .ct-trust-inner {
 max-width: 1200px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 2rem;
 }
 .ct-trust-item {
 display: flex;
 align-items: flex-start;
 gap: 0.85rem;
 }
 .ct-trust-icon {
 flex: 0 0 auto;
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: rgba(96, 165, 250, 0.15);
 border: 1px solid rgba(96, 165, 250, 0.3);
 color: var(--ci-ice);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 }
 .ct-trust-icon svg {
 width: 18px;
 height: 18px;
 }
 .ct-trust-title {
 font-size: 0.9rem;
 font-weight: 700;
 color: #fff;
 margin: 0 0 0.2rem;
 letter-spacing: -0.005em;
 }
 .ct-trust-sub {
 font-size: 0.82rem;
 color: #cbd5e1;
 margin: 0;
 line-height: 1.5;
 }

 /* ─── RESPONSIVE ─── */
 @media (max-width: 980px) {
 .ct-main {
 padding: 3.5rem 1.25rem 2.5rem;
 }
 .ct-main-inner {
 grid-template-columns: 1fr;
 gap: 2rem;
 }
 .ct-form-card {
 padding: 1.75rem;
 }
 .ct-form {
 grid-template-columns: 1fr;
 }
 .ct-contact-head {
 grid-template-columns: 72px 1fr;
 gap: 0.9rem;
 padding-bottom: 1.25rem;
 margin-bottom: 1.5rem;
 }
 .ct-contact-photo {
 width: 72px;
 height: 72px;
 }
 .ct-trust-inner {
 grid-template-columns: 1fr;
 gap: 1.25rem;
 }
 }
 @media (max-width: 560px) {
 .ct-hero-inner {
 padding: 4rem 1.25rem;
 }
 }
&lt;/style&gt;

&lt;div class="ct"&gt;
 &lt;!-- ─── HERO ─── --&gt;
 &lt;section class="ct-hero"&gt;
 &lt;div class="ct-hero-bg"&gt;
 &lt;img src="./images/hero/hero-homepage-blue-ribbon.png" alt="" loading="eager" /&gt;
 &lt;/div&gt;
 &lt;div class="ct-hero-inner"&gt;
 &lt;p class="ct-hero-label"&gt;Contact&lt;/p&gt;</description></item><item><title>Frequently Asked Questions</title><link>https://qft-analytics.com/faq/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/faq/</guid><description>&lt;div class="faq-page"&gt;
 &lt;header class="faq-page-hero"&gt;
 &lt;p class="faq-page-eyebrow"&gt;FAQ&lt;/p&gt;
 &lt;h1 class="faq-page-h1"&gt;Frequently Asked Questions&lt;/h1&gt;
 &lt;p class="faq-page-lead"&gt;Everything you need to know about the QFT platform and how it works.&lt;/p&gt;
 &lt;/header&gt;
 &lt;div class="faq-page-body"&gt;
 
 
 &lt;div class="faq" data-faq&gt;
 
 
 &lt;div class="faq-group"&gt;
 &lt;p class="faq-group-label"&gt;General&lt;/p&gt;
 &lt;div class="faq-list"&gt;
 
 &lt;div class="faq-item"&gt;
 &lt;button type="button" class="faq-trigger" aria-expanded="false"&gt;
 &lt;span class="faq-q"&gt;What is QFT?&lt;/span&gt;
 &lt;span class="faq-icon" aria-hidden="true"&gt;&lt;/span&gt;
 &lt;/button&gt;
 &lt;div class="faq-panel" hidden&gt;
 &lt;p&gt;An integrated investment workspace for institutional private market investors, combining pipeline management, data extraction, fund analytics, and IC memo creation in one platform.&lt;/p&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 
 &lt;div class="faq-item"&gt;
 &lt;button type="button" class="faq-trigger" aria-expanded="false"&gt;
 &lt;span class="faq-q"&gt;Who is QFT built for?&lt;/span&gt;
 &lt;span class="faq-icon" aria-hidden="true"&gt;&lt;/span&gt;
 &lt;/button&gt;
 &lt;div class="faq-panel" hidden&gt;
 &lt;p&gt;Limited partners: family offices, pension funds, insurance companies, endowments, and fund-of-funds investors allocating to private equity and venture capital.&lt;/p&gt;</description></item><item><title>Fund Diligence</title><link>https://qft-analytics.com/products/diligence/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/products/diligence/</guid><description>&lt;style&gt;
 .hero {
 padding: 5.5rem 2.5rem 2rem;
 background: #f8fafc;
 }
 .hero-inner {
 max-width: 1140px;
 margin: 0 auto;
 }
 .hero-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.35rem;
 }
 .hero-header {
 display: flex;
 align-items: flex-start;
 gap: 1.5rem;
 flex-wrap: nowrap;
 margin-bottom: 1.25rem;
 }
 .hero-header h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.6rem, 3.2vw, 2.2rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #0f172a;
 flex-shrink: 0;
 }
 .hero-header .sub {
 font-size: 0.88rem;
 color: #64748b;
 font-weight: 300;
 line-height: 1.5;
 max-width: 420px;
 padding-top: 0.15rem;
 }
 .hero-ctas {
 display: flex;
 gap: 0.6rem;
 margin-bottom: 1.25rem;
 }
 /* ─── ANIMATION ─── */
 .anim-box {
 position: relative;
 min-height: 420px;
 margin-bottom: 1rem;
 }
 .anim-scene {
 position: relative;
 width: 100%;
 height: 420px;
 border-radius: 12px;
 border: 1px solid #e2e8f0;
 background: #fff;
 overflow: hidden;
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
 }
 .anim-bar {
 height: 32px;
 background: #fafafa;
 border-bottom: 1px solid #e2e8f0;
 display: flex;
 align-items: center;
 padding: 0 12px;
 gap: 8px;
 }
 .anim-sidebar {
 position: absolute;
 left: 0;
 top: 32px;
 width: 160px;
 height: calc(100% - 32px);
 background: #fafafa;
 border-right: 1px solid #e2e8f0;
 padding: 12px 10px;
 z-index: 2;
 }
 .sb-org {
 font-size: 0.42rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 8px;
 display: flex;
 align-items: center;
 gap: 4px;
 }
 .sb-org-icon {
 width: 12px;
 height: 12px;
 border-radius: 3px;
 background: #e2e8f0;
 }
 .sb-item {
 font-size: 0.38rem;
 color: #64748b;
 padding: 4px 6px;
 border-radius: 4px;
 margin-bottom: 2px;
 cursor: default;
 display: flex;
 align-items: center;
 gap: 4px;
 }
 .sb-item.act {
 background: #f1f5f9;
 color: #0b1f3b;
 font-weight: 600;
 }
 .sb-item-icon {
 font-size: 0.36rem;
 color: #94a3b8;
 width: 10px;
 }
 .sb-section {
 font-size: 0.32rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 color: #94a3b8;
 margin-top: 8px;
 margin-bottom: 4px;
 padding-left: 6px;
 }

 .anim-main {
 position: absolute;
 left: 160px;
 top: 32px;
 right: 0;
 bottom: 0;
 overflow: hidden;
 }

 .step-center {
 position: absolute;
 inset: 0;
 z-index: 5;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 1.5rem;
 text-align: center;
 }
 .step-badge {
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.75rem;
 font-weight: 700;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #475569;
 background: rgba(71, 85, 105, 0.06);
 border: 1px solid rgba(71, 85, 105, 0.1);
 border-radius: 8px;
 padding: 0.35rem 0.9rem;
 margin-bottom: 0.6rem;
 transition: all 0.4s;
 }
 .step-badge.done {
 color: #059669;
 background: rgba(5, 150, 105, 0.06);
 border-color: rgba(5, 150, 105, 0.12);
 }
 .step-visual {
 margin-bottom: 0.5rem;
 transition: all 0.4s ease;
 }
 .step-text {
 font-family: "Inter", sans-serif;
 font-size: 1.1rem;
 font-weight: 600;
 color: #1e293b;
 line-height: 1.4;
 margin-bottom: 0.3rem;
 max-width: 480px;
 transition: all 0.35s ease;
 }
 .step-sub {
 font-family: "Inter", sans-serif;
 font-size: 0.82rem;
 font-weight: 300;
 color: #475569;
 line-height: 1.6;
 max-width: 440px;
 transition: all 0.35s ease;
 }
 .step-sub.gn {
 color: #059669;
 }

 .step-pips {
 display: flex;
 gap: 3px;
 margin-top: 1rem;
 }
 .pip {
 width: 24px;
 height: 3px;
 border-radius: 2px;
 background: rgba(0, 0, 0, 0.06);
 cursor: pointer;
 transition: all 0.3s;
 }
 .pip.a {
 background: #0b1f3b;
 width: 34px;
 }
 .pip:hover:not(.a) {
 background: rgba(0, 0, 0, 0.12);
 }

 /* Visuals */
 .v-pipeline {
 display: flex;
 gap: 6px;
 justify-content: center;
 margin-bottom: 0.5rem;
 }
 .v-col {
 width: 80px;
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 border-radius: 6px;
 padding: 4px;
 text-align: center;
 }
 .v-col-title {
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.35rem;
 font-weight: 600;
 color: #94a3b8;
 text-transform: uppercase;
 margin-bottom: 4px;
 }
 .v-col.act {
 border-color: #0b1f3b;
 background: rgba(11, 31, 59, 0.03);
 }
 .v-col.act .v-col-title {
 color: #0b1f3b;
 }
 .v-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 4px;
 padding: 3px 5px;
 margin-bottom: 3px;
 text-align: left;
 }
 .v-card-name {
 font-size: 0.34rem;
 font-weight: 600;
 color: #1e293b;
 }
 .v-card-meta {
 font-size: 0.28rem;
 color: #94a3b8;
 }

 .v-extract {
 display: flex;
 gap: 8px;
 align-items: center;
 justify-content: center;
 margin-bottom: 0.5rem;
 }
 .v-doc {
 width: 50px;
 height: 60px;
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 4px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 }
 .v-doc-icon {
 font-size: 1rem;
 }
 .v-doc-label {
 font-size: 0.3rem;
 color: #94a3b8;
 }
 .v-arrow {
 font-size: 1.2rem;
 color: #d1d5db;
 }
 .v-data {
 width: 120px;
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 6px;
 padding: 6px;
 }
 .v-data-row {
 display: flex;
 justify-content: space-between;
 font-size: 0.32rem;
 color: #64748b;
 padding: 2px 0;
 border-bottom: 1px solid #f8fafc;
 }
 .v-data-row:last-child {
 border-bottom: none;
 }
 .v-bar {
 height: 4px;
 background: #059669;
 border-radius: 2px;
 margin-top: 4px;
 }
 .v-bar-label {
 font-size: 0.3rem;
 color: #059669;
 margin-top: 2px;
 }

 .v-chat {
 max-width: 360px;
 width: 100%;
 margin: 0 auto 0.5rem;
 border-radius: 8px;
 border: 1px solid #e2e8f0;
 background: #fff;
 overflow: hidden;
 }
 .v-chat-hdr {
 display: flex;
 align-items: center;
 gap: 0.3rem;
 padding: 0.3rem 0.6rem;
 background: #f8fafc;
 border-bottom: 1px solid #f1f5f9;
 }
 .v-chat-dot {
 width: 5px;
 height: 5px;
 border-radius: 50%;
 background: #0b5a54;
 }
 .v-chat-title {
 font-size: 0.46rem;
 font-weight: 600;
 color: #0b5a54;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 }
 .v-chat-body {
 padding: 0.5rem;
 }
 .v-msg {
 display: flex;
 gap: 0.3rem;
 margin-bottom: 0.3rem;
 align-items: flex-start;
 }
 .v-msg:last-child {
 margin-bottom: 0;
 }
 .v-av {
 width: 14px;
 height: 14px;
 border-radius: 3px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.34rem;
 font-weight: 700;
 flex-shrink: 0;
 }
 .v-av.u {
 background: #f1f5f9;
 color: #64748b;
 }
 .v-av.ai {
 background: rgba(11, 90, 84, 0.08);
 color: #0b5a54;
 }
 .v-bub {
 font-size: 0.62rem;
 line-height: 1.5;
 padding: 0.3rem 0.45rem;
 border-radius: 6px;
 max-width: 280px;
 text-align: left;
 }
 .v-bub.um {
 background: #f8fafc;
 color: #475569;
 border: 1px solid #e2e8f0;
 }
 .v-bub.am {
 background: rgba(11, 90, 84, 0.03);
 color: #0b5a54;
 border: 1px solid rgba(11, 90, 84, 0.08);
 }

 .v-memo {
 max-width: 280px;
 margin: 0 auto 0.5rem;
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 0.6rem 0.8rem;
 }
 .v-memo-hdr {
 font-size: 0.42rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 margin-bottom: 0.3rem;
 }
 .v-memo-title {
 font-size: 0.75rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.25rem;
 }
 .v-memo-sections {
 display: flex;
 flex-direction: column;
 gap: 3px;
 }
 .v-memo-sec {
 display: flex;
 align-items: center;
 gap: 4px;
 font-size: 0.36rem;
 color: #475569;
 }
 .v-memo-check {
 color: #059669;
 font-size: 0.4rem;
 }
 .v-memo-badge {
 font-size: 0.38rem;
 color: #059669;
 margin-top: 0.3rem;
 }

 /* ─── CONTENT ─── */
 .section {
 padding: 3rem 2.5rem;
 }
 .section-inner {
 max-width: 1140px;
 margin: 0 auto;
 }
 .sec-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.4rem;
 }
 .sec-title {
 font-family: "Inter", sans-serif;
 font-size: 1.5rem;
 font-weight: 600;
 color: #0f172a;
 margin-bottom: 0.75rem;
 letter-spacing: -0.01em;
 }
 .sec-text {
 font-size: 0.9rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 max-width: 600px;
 }

 .feat-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.25rem;
 margin-top: 1.5rem;
 }
 .feat-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 }
 .feat-card-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.5rem;
 }
 .feat-card-title {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.3rem;
 }
 .feat-card-text {
 font-size: 0.8rem;
 color: #64748b;
 line-height: 1.6;
 font-weight: 300;
 }

 .diff-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 2rem;
 margin-top: 1.5rem;
 }
 .diff-col h4 {
 font-family: "Inter", sans-serif;
 font-size: 0.85rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.3rem;
 }
 .diff-col p {
 font-size: 0.8rem;
 color: #64748b;
 line-height: 1.6;
 font-weight: 300;
 }

 .cta-section {
 padding: 3.5rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .cta-section h2 {
 font-family: "Inter", sans-serif;
 font-size: 1.8rem;
 font-weight: 700;
 margin-bottom: 0.6rem;
 color: #fff;
 }
 .cta-section p {
 font-size: 0.95rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.5rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
 .cta-btns {
 display: flex;
 gap: 1rem;
 justify-content: center;
 }
 .divider {
 border-top: 1px solid #e2e8f0;
 }

 @media (max-width: 768px) {
 .hero {
 padding: 5rem 1.25rem 2rem;
 }
 .hero-header {
 flex-direction: column;
 gap: 0.4rem;
 flex-wrap: wrap;
 }
 .feat-grid,
 .diff-grid {
 grid-template-columns: 1fr;
 }
 .anim-sidebar {
 display: none;
 }
 .anim-main {
 left: 0;
 }
 .anim-scene {
 height: 380px;
 }
 }
&lt;/style&gt;

&lt;section class="hero"&gt;
 &lt;div class="hero-inner"&gt;
 &lt;p class="hero-label"&gt;Before you commit&lt;/p&gt;</description></item><item><title>Fund Manager Rating</title><link>https://qft-analytics.com/products/rating/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/products/rating/</guid><description>&lt;style&gt;
 /* ─── HERO (DARK, FULL VIEWPORT, SPLIT) ─── */
 .hero {
 position: relative;
 min-height: 100vh;
 padding: 6rem 0 5rem;
 background: linear-gradient(180deg, #04060a 0%, #0b1220 55%, #0f172a 100%);
 color: #f8fafc;
 overflow: hidden;
 display: flex;
 align-items: center;
 }
 .hero-inner {
 position: relative;
 z-index: 2;
 max-width: var(--page-shell-max-width);
 width: 100%;
 margin: 0 auto;
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 gap: 3rem;
 align-items: center;
 }
 .hero-copy {
 max-width: 560px;
 }
 .hero-label {
 font-family: "Inter", sans-serif;
 font-size: 0.78rem;
 font-weight: 600;
 letter-spacing: 0.22em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin-bottom: 1.5rem;
 }
 .hero-header {
 margin-bottom: 1.5rem;
 }
 .hero-header h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.65rem, 3.6vw, 3.15rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #f8fafc;
 }
 .hero-sub {
 font-size: 1.05rem;
 color: #94a3b8;
 font-weight: 300;
 line-height: 1.65;
 max-width: 520px;
 margin-bottom: 2.25rem;
 }
 .hero-ctas {
 display: flex;
 gap: 0.75rem;
 flex-wrap: wrap;
 }
 /* Animated light-streak graphic — cropped by viewport edges on desktop */
 .hero-graphic {
 position: absolute;
 top: -10%;
 right: -15%;
 width: 80%;
 height: 120%;
 pointer-events: none;
 z-index: 1;
 will-change: transform, opacity;
 }
 .hero-graphic svg {
 width: 100%;
 height: 100%;
 display: block;
 overflow: visible;
 }
 .hero-streaks {
 transform-origin: 50% 50%;
 animation: streakDrift 18s ease-in-out infinite alternate;
 }
 .hero-streak {
 fill: none;
 stroke-linecap: round;
 }
 .hero-streak-glow {
 opacity: 0.55;
 animation: streakPulse 7s ease-in-out infinite;
 }
 .hero-streak-glow-2 {
 animation-delay: -2.2s;
 animation-duration: 9s;
 }
 .hero-streak-core {
 opacity: 0.95;
 }
 .hero-streak-pulse {
 stroke: #f0f9ff;
 stroke-width: 2;
 fill: none;
 stroke-linecap: round;
 filter: drop-shadow(0 0 6px rgba(219, 234, 254, 0.95)) drop-shadow(0 0 14px rgba(219, 234, 254, 0.7));
 }
 .hero-streak-pulse-a {
 stroke-dasharray: 40 1600;
 stroke-dashoffset: 1640;
 animation: streakFlow 7s linear infinite;
 }
 .hero-streak-pulse-b {
 stroke-dasharray: 28 1700;
 stroke-dashoffset: 1728;
 animation: streakFlow 9s linear 1.5s infinite;
 }
 .hero-streak-pulse-c {
 stroke-dasharray: 18 1800;
 stroke-dashoffset: 1818;
 animation: streakFlow 11s linear 3.5s infinite;
 }
 @keyframes streakFlow {
 from {
 stroke-dashoffset: 1640;
 }
 to {
 stroke-dashoffset: -40;
 }
 }
 @keyframes streakPulse {
 0%,
 100% {
 opacity: 0.4;
 }
 50% {
 opacity: 0.75;
 }
 }
 @keyframes streakDrift {
 0% {
 transform: translate3d(0, 0, 0);
 }
 100% {
 transform: translate3d(-10px, 6px, 0);
 }
 }

 /* Scroll indicator */
 .hero-scroll {
 position: absolute;
 left: 50%;
 bottom: 1.75rem;
 transform: translateX(-50%);
 color: rgba(226, 232, 240, 0.55);
 opacity: 0;
 animation: heroScrollIn 0.6s ease 2s forwards;
 z-index: 2;
 pointer-events: none;
 }
 .hero-scroll-inner {
 display: block;
 animation: heroScrollBounce 2.2s ease 2.6s infinite;
 }
 .hero-scroll svg {
 width: 22px;
 height: 22px;
 display: block;
 }
 @keyframes heroScrollIn {
 to {
 opacity: 1;
 }
 }
 @keyframes heroScrollBounce {
 0%,
 100% {
 transform: translateY(0);
 }
 50% {
 transform: translateY(8px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
 .hero-streaks,
 .hero-streak-glow,
 .hero-streak-pulse-a,
 .hero-streak-pulse-b,
 .hero-streak-pulse-c,
 .hero-scroll-inner,
 .clock-hand {
 animation: none;
 }
 }

 /* ─── SECTIONS ─── */
 .section {
 padding: 4rem 2.5rem;
 }
 .section-inner {
 max-width: 1140px;
 margin: 0 auto;
 }
 .sec-label {
 font-size: 0.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.6rem;
 }
 .sec-title {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #0f172a;
 margin-bottom: 1rem;
 letter-spacing: -0.02em;
 }
 .sec-text {
 font-size: 1.05rem;
 color: #64748b;
 line-height: 1.75;
 font-weight: 300;
 max-width: 640px;
 }

 /* ─── PROBLEM CARDS ─── */
 .problem-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 1.25rem;
 margin-top: 2rem;
 }
 .problem-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 2rem 1.75rem;
 }
 .problem-card-eyebrow {
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.65rem;
 font-weight: 700;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: #0b1f3b;
 background: rgba(11, 31, 59, 0.06);
 border: 1px solid rgba(11, 31, 59, 0.1);
 border-radius: 4px;
 display: inline-block;
 padding: 0.2rem 0.55rem;
 margin-bottom: 1rem;
 }
 .problem-card-title {
 font-size: 1.1rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .problem-card-text {
 font-size: 0.95rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 }

 /* ─── THREE-STEP ─── */
 .three-step-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 1.25rem;
 margin-top: 2rem;
 }
 .three-step-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 2rem 1.75rem;
 }
 .three-step-num {
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.65rem;
 font-weight: 700;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: #0b1f3b;
 background: rgba(11, 31, 59, 0.06);
 border: 1px solid rgba(11, 31, 59, 0.1);
 border-radius: 4px;
 display: inline-block;
 padding: 0.2rem 0.55rem;
 margin-bottom: 1rem;
 }
 .three-step-title {
 font-size: 1.2rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .three-step-text {
 font-size: 0.95rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 }

 /* ─── FEATURE BLOCKS ─── */
 .feat-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 1.25rem;
 margin-top: 2rem;
 }
 .feat-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.75rem;
 }
 .feat-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.6rem;
 }
 .feat-card-title {
 font-size: 1.05rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.5rem;
 }
 .feat-card-text {
 font-size: 0.95rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 }
 .feat-card-kpis {
 display: flex;
 gap: 0.5rem;
 margin-top: 1rem;
 flex-wrap: wrap;
 }
 .feat-kpi {
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.62rem;
 font-weight: 600;
 color: #0b1f3b;
 background: rgba(11, 31, 59, 0.05);
 border: 1px solid rgba(11, 31, 59, 0.1);
 border-radius: 4px;
 padding: 0.2rem 0.5rem;
 }
 .feat-card-link {
 display: inline-block;
 margin-top: 1rem;
 font-size: 0.85rem;
 font-weight: 600;
 color: #0b1f3b;
 text-decoration: none;
 }
 .feat-card-link:hover {
 text-decoration: underline;
 }
 .feat-card-link::after {
 content: " →";
 }

 /* ─── ACCESS CARDS (TWO WAYS TO START) ─── */
 .access-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.5rem;
 margin-top: 2rem;
 }
 .access-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 12px;
 padding: 2rem;
 display: flex;
 flex-direction: column;
 }
 .access-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.5rem;
 }
 .access-card-title {
 font-size: 1.2rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.75rem;
 }
 .access-card-text {
 font-size: 1rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 flex: 1;
 }
 .access-card-link {
 font-size: 0.85rem;
 font-weight: 600;
 color: #0b1f3b;
 text-decoration: none;
 display: inline-block;
 margin-top: 0.75rem;
 }
 .access-card-link:hover {
 text-decoration: underline;
 }
 .access-card-link::after {
 content: " →";
 }

 /* ─── USP PILLARS ─── */
 .usp-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 1.25rem;
 margin-top: 2rem;
 }
 .usp-card {
 background: #0b1f3b;
 border-radius: 10px;
 padding: 2rem 1.75rem;
 }
 .usp-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #64748b;
 margin-bottom: 0.6rem;
 }
 .usp-card-title {
 font-size: 1.1rem;
 font-weight: 700;
 color: #fff;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .usp-card-text {
 font-size: 0.95rem;
 color: #94a3b8;
 line-height: 1.7;
 font-weight: 300;
 }

 /* ─── STAT ROW ─── */
 .stats-row {
 display: flex;
 gap: 3rem;
 margin: 2rem 0;
 flex-wrap: wrap;
 }
 .stat-item {
 text-align: left;
 }
 .stat-val {
 font-size: clamp(2rem, 4vw, 2.8rem);
 font-weight: 700;
 color: #0b1f3b;
 letter-spacing: -0.03em;
 line-height: 1;
 margin-bottom: 0.4rem;
 }
 .stat-label {
 font-size: 0.88rem;
 color: #64748b;
 font-weight: 300;
 line-height: 1.5;
 max-width: 200px;
 }
 .stats-link {
 font-size: 0.85rem;
 font-weight: 600;
 color: #0b1f3b;
 text-decoration: none;
 display: inline-block;
 margin-top: 0.5rem;
 }
 .stats-link:hover {
 text-decoration: underline;
 }
 .stats-link::after {
 content: " →";
 }

 /* ─── DATA SECURITY ─── */
 .data-card {
 border-radius: 20px;
 background:
 radial-gradient(ellipse at 30% 0%, rgba(96, 165, 250, 0.12) 0%, transparent 60%),
 linear-gradient(180deg, #0f172a 0%, #0b1220 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 padding: 2.5rem;
 }
 .data-card-header {
 margin-bottom: 2rem;
 }
 .data-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.12em;
 color: var(--ci-ice);
 margin-bottom: 0.6rem;
 }
 .data-card-title {
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #ffffff;
 letter-spacing: -0.02em;
 }
 .badge-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 2rem;
 }
 .badge-icon {
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.08);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 0.75rem;
 }
 .badge-card-label {
 font-size: 0.85rem;
 font-weight: 600;
 color: #ffffff;
 margin-bottom: 0.4rem;
 }
 .badge-card-text {
 font-size: 0.8rem;
 color: #94a3b8;
 line-height: 1.6;
 font-weight: 300;
 }
 .badge-card-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: var(--ci-ice);
 font-weight: 600;
 text-decoration: none;
 }
 .badge-card-link:hover {
 text-decoration: underline;
 }

 /* ─── PRIVACY ─── */
 .trust-row {
 display: flex;
 gap: 1rem;
 margin-top: 1.5rem;
 flex-wrap: wrap;
 }
 .trust-badge {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 0.6rem 1rem;
 font-size: 0.8rem;
 font-weight: 500;
 color: #1e293b;
 }
 .trust-badge-icon {
 font-size: 1rem;
 }

 /* ─── CTA ─── */
 .cta-section {
 padding: 5rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .cta-section h2 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.8rem, 3vw, 2.4rem);
 font-weight: 700;
 margin-bottom: 0.75rem;
 color: #fff;
 }
 .cta-section p {
 font-size: 1.1rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 2rem;
 max-width: 520px;
 margin-left: auto;
 margin-right: auto;
 }
 .cta-btns {
 display: flex;
 gap: 1rem;
 justify-content: center;
 }
 .divider {
 border-top: 1px solid #e2e8f0;
 max-width: 1140px;
 margin: 0 auto;
 }

 /* ─── INTRO (RATING) ─── */
 .intro-section {
 padding: 5rem 2.5rem 4rem;
 background: #f8fafc;
 }
 .intro-inner {
 max-width: 1140px;
 margin: 0 auto;
 }
 .intro-head {
 text-align: left;
 max-width: 780px;
 margin: 0 0 2.75rem;
 }
 .intro-eyebrow {
 font-family: "Inter", sans-serif;
 font-size: 0.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin: 0 0 0.75rem;
 }
 .intro-title {
 font-family: "Inter", Arial, sans-serif;
 font-size: clamp(2rem, 4vw, 3rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #0f172a;
 margin: 0;
 }
 .intro-title-sub {
 font-family: "Inter", Arial, sans-serif;
 font-size: clamp(1.05rem, 1.6vw, 1.2rem);
 font-weight: 400;
 color: #475569;
 line-height: 1.55;
 margin: 1rem 0 0;
 max-width: 640px;
 }

 /* Guided tour sits directly under the combined header */
 .intro-tour {
 margin: 2.5rem 0 0;
 }

 .intro-features {
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 border-top: 1px solid #e2e8f0;
 border-bottom: 1px solid #e2e8f0;
 margin-top: 3.5rem;
 }
 .intro-feat {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 gap: 0.9rem;
 padding: 2rem 1rem;
 text-align: center;
 border-right: 1px solid #e2e8f0;
 }
 .intro-feat:last-child {
 border-right: none;
 }
 .intro-feat-icon {
 width: 30px;
 height: 30px;
 color: #475569;
 display: flex;
 align-items: center;
 justify-content: center;
 }
 .intro-feat-icon svg {
 width: 100%;
 height: 100%;
 display: block;
 }
 .intro-feat-label {
 font-family: "Inter", sans-serif;
 font-size: 0.92rem;
 font-weight: 500;
 color: #1e293b;
 line-height: 1.4;
 margin: 0;
 letter-spacing: -0.005em;
 }

 /* ─── INTERACTIVE WALKTHROUGH (restored) ─── */
 .anim-box {
 position: relative;
 min-height: 500px;
 max-width: 960px;
 margin: 2rem auto 0;
 }
 .anim-scene {
 position: relative;
 width: 100%;
 height: 500px;
 border-radius: 12px;
 border: 1px solid #e2e8f0;
 background: #fff;
 overflow: hidden;
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
 }
 .anim-bar {
 height: 26px;
 background: #f8fafc;
 border-bottom: 1px solid #e2e8f0;
 display: flex;
 align-items: center;
 padding: 0 10px;
 gap: 6px;
 }
 .anim-bar-logo {
 font-size: 0.55rem;
 font-weight: 700;
 color: #0b1f3b;
 letter-spacing: 0.04em;
 }
 .anim-bar-nav {
 margin-left: auto;
 display: flex;
 gap: 10px;
 }
 .anim-bar-nav span {
 font-size: 0.36rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 }
 .anim-bar-nav span.act {
 color: #0b1f3b;
 font-weight: 600;
 border-bottom: 1px solid #0b1f3b;
 padding-bottom: 1px;
 }
 .anim-area {
 position: relative;
 height: 474px;
 background: #f8fafc;
 overflow: hidden;
 }

 .step-center {
 position: absolute;
 inset: 0;
 z-index: 5;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 1.5rem;
 text-align: center;
 }
 .step-badge {
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.75rem;
 font-weight: 700;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #475569;
 background: rgba(71, 85, 105, 0.06);
 border: 1px solid rgba(71, 85, 105, 0.1);
 border-radius: 8px;
 padding: 0.35rem 0.9rem;
 margin-bottom: 0.6rem;
 transition: all 0.4s;
 }
 .step-badge.done {
 color: #059669;
 background: rgba(5, 150, 105, 0.06);
 border-color: rgba(5, 150, 105, 0.12);
 }
 .step-visual {
 margin-bottom: 0.5rem;
 transition: all 0.4s ease;
 }
 .step-text {
 font-family: "Inter", sans-serif;
 font-size: 1.4rem;
 font-weight: 600;
 color: #1e293b;
 line-height: 1.4;
 margin-bottom: 0.35rem;
 max-width: 500px;
 transition: all 0.35s ease;
 }
 .step-sub {
 font-family: "Inter", sans-serif;
 font-size: 1rem;
 font-weight: 300;
 color: #475569;
 line-height: 1.6;
 max-width: 460px;
 transition: all 0.35s ease;
 }
 .step-sub.gn {
 color: #059669;
 }

 .clock-wrap {
 width: 80px;
 height: 80px;
 position: relative;
 margin: 0 auto 0.5rem;
 }
 .clock-face {
 width: 80px;
 height: 80px;
 border-radius: 50%;
 border: 2px solid #e2e8f0;
 background: #fff;
 position: relative;
 }
 .clock-hand {
 position: absolute;
 bottom: 50%;
 left: 50%;
 width: 2px;
 height: 30px;
 background: #0b1f3b;
 transform-origin: bottom center;
 border-radius: 1px;
 animation: clockSpin 3s linear infinite;
 }
 .clock-dot {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #0b1f3b;
 transform: translate(-50%, -50%);
 }
 @keyframes clockSpin {
 from {
 transform: rotate(0deg);
 }
 to {
 transform: rotate(360deg);
 }
 }
 .clock-label {
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.55rem;
 color: #64748b;
 text-align: center;
 margin-top: 0.3rem;
 }

 .rating-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1rem 1.5rem;
 max-width: 400px;
 margin: 0 auto 0.5rem;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
 }
 .rating-header {
 font-size: 0.5rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 margin-bottom: 0.4rem;
 }
 .rating-composite {
 display: flex;
 align-items: center;
 gap: 0.75rem;
 margin-bottom: 0.6rem;
 padding-bottom: 0.6rem;
 border-bottom: 1px solid #f1f5f9;
 }
 .rating-grade {
 font-size: 2.5rem;
 font-weight: 700;
 color: #0b1f3b;
 line-height: 1;
 }
 .rating-grade-label {
 font-size: 0.65rem;
 color: #64748b;
 }
 .rating-subs {
 display: flex;
 gap: 0.75rem;
 }
 .rating-sub {
 flex: 1;
 padding: 0.4rem;
 border-radius: 6px;
 background: #f8fafc;
 border: 1px solid #f1f5f9;
 text-align: center;
 }
 .rating-sub-label {
 font-size: 0.4rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 }
 .rating-sub-grade {
 font-size: 1.1rem;
 font-weight: 700;
 color: #0b1f3b;
 }
 .rating-sub-trend {
 font-size: 0.55rem;
 }
 .trend-up {
 color: #059669;
 }
 .trend-down {
 color: #dc2626;
 }
 .trend-flat {
 color: #94a3b8;
 }

 .chat-mini {
 max-width: 400px;
 width: 100%;
 margin: 0.4rem auto 0;
 border-radius: 8px;
 border: 1px solid #e2e8f0;
 background: #fff;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
 overflow: hidden;
 }
 .chat-mini-hdr {
 display: flex;
 align-items: center;
 gap: 0.3rem;
 padding: 0.3rem 0.6rem;
 background: #f8fafc;
 border-bottom: 1px solid #f1f5f9;
 }
 .chat-mini-dot {
 width: 5px;
 height: 5px;
 border-radius: 50%;
 background: #0b5a54;
 }
 .chat-mini-title {
 font-size: 0.46rem;
 font-weight: 600;
 color: #0b5a54;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 }
 .chat-mini-body {
 padding: 0.5rem;
 }
 .chat-msg {
 display: flex;
 gap: 0.3rem;
 margin-bottom: 0.35rem;
 align-items: flex-start;
 }
 .chat-msg:last-child {
 margin-bottom: 0;
 }
 .ch-av {
 width: 16px;
 height: 16px;
 border-radius: 4px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.38rem;
 font-weight: 700;
 flex-shrink: 0;
 }
 .ch-av.u {
 background: #f1f5f9;
 color: #64748b;
 }
 .ch-av.ai {
 background: rgba(11, 90, 84, 0.08);
 color: #0b5a54;
 }
 .ch-bub {
 font-size: 0.68rem;
 line-height: 1.5;
 padding: 0.35rem 0.5rem;
 border-radius: 6px;
 max-width: 320px;
 text-align: left;
 }
 .ch-bub.um {
 background: #f8fafc;
 color: #475569;
 border: 1px solid #e2e8f0;
 }
 .ch-bub.am {
 background: rgba(11, 90, 84, 0.03);
 color: #0b5a54;
 border: 1px solid rgba(11, 90, 84, 0.08);
 }

 .upload-visual {
 width: 80px;
 height: 70px;
 border-radius: 8px;
 border: 2px dashed #d1d5db;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 margin: 0 auto 0.5rem;
 background: #fff;
 }
 .upload-icon {
 font-size: 1.5rem;
 margin-bottom: 0.2rem;
 }
 .upload-label {
 font-size: 0.4rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 }

 .memo-visual {
 max-width: 340px;
 margin: 0 auto 0.5rem;
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 0.75rem 1rem;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
 }
 .memo-hdr {
 font-size: 0.5rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 margin-bottom: 0.4rem;
 }
 .memo-title {
 font-size: 0.85rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.3rem;
 }
 .memo-lines {
 display: flex;
 flex-direction: column;
 gap: 3px;
 }
 .memo-ln {
 height: 3px;
 border-radius: 1px;
 }
 .memo-ln.a {
 background: #e2e8f0;
 width: 90%;
 }
 .memo-ln.b {
 background: #e2e8f0;
 width: 70%;
 }
 .memo-ln.h {
 background: #0b1f3b;
 width: 50%;
 height: 4px;
 border-radius: 2px;
 margin-top: 4px;
 }
 .memo-badge {
 display: inline-flex;
 align-items: center;
 gap: 3px;
 font-size: 0.45rem;
 color: #059669;
 margin-top: 0.4rem;
 }

 .step-pips {
 display: flex;
 gap: 3px;
 margin-top: 1rem;
 }
 .pip {
 width: 24px;
 height: 3px;
 border-radius: 2px;
 background: rgba(0, 0, 0, 0.06);
 cursor: pointer;
 transition: all 0.3s;
 }
 .pip.a {
 background: #0b1f3b;
 width: 34px;
 }
 .pip:hover:not(.a) {
 background: rgba(0, 0, 0, 0.12);
 }

 /* ─── FOUR DIMENSIONS (split: copy left, 2×2 dark cards right) ─── */
 .dim-split {
 display: grid;
 grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
 gap: 3.5rem;
 align-items: start;
 margin-top: 2.25rem;
 }
 .dim-copy {
 max-width: 420px;
 }
 .dim-copy .sec-label {
 margin-bottom: 0.6rem;
 }
 .dim-copy .sec-title {
 margin-bottom: 1rem;
 }
 .dim-copy .sec-text {
 margin-bottom: 0;
 }

 .dim-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-auto-rows: 1fr;
 gap: 0.9rem;
 }
 .dim-card {
 position: relative;
 display: flex;
 flex-direction: column;
 padding: 1.15rem 1.25rem;
 border-radius: 14px;
 background:
 radial-gradient(120% 80% at 100% 0%, rgba(96, 165, 250, 0.12) 0%, rgba(15, 23, 42, 0) 60%),
 linear-gradient(180deg, rgba(20, 24, 38, 0.92) 0%, rgba(12, 16, 28, 0.92) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 overflow: hidden;
 transition:
 transform 240ms ease,
 border-color 240ms ease,
 box-shadow 240ms ease;
 }
 .dim-card:hover {
 transform: translateY(-2px);
 border-color: rgba(96, 165, 250, 0.36);
 box-shadow: 0 10px 28px -18px rgba(59, 107, 213, 0.42);
 }
 .dim-card-label {
 display: inline-block;
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.72rem;
 font-weight: 700;
 letter-spacing: 0.16em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin-bottom: 0.55rem;
 }
 .dim-card-body {
 font-family: "Inter", sans-serif;
 font-size: 1rem;
 color: #f1f5f9;
 line-height: 1.4;
 font-weight: 500;
 letter-spacing: -0.005em;
 margin: 0;
 }
 .dim-card-note {
 position: absolute;
 top: 1.2rem;
 right: 1.25rem;
 font-family: "Inter", sans-serif;
 font-size: 0.68rem;
 color: var(--ci-ice);
 font-style: italic;
 font-weight: 400;
 letter-spacing: 0;
 text-transform: none;
 margin: 0;
 max-width: 60%;
 text-align: right;
 line-height: 1.25;
 }

 /* Scroll-triggered stagger animation */
 .dim-copy,
 .dim-card {
 opacity: 0;
 transform: translateY(24px);
 transition:
 opacity 700ms ease,
 transform 700ms ease;
 }
 .dim-split.is-visible .dim-copy,
 .dim-split.is-visible .dim-card {
 opacity: 1;
 transform: translateY(0);
 }
 .dim-split.is-visible .dim-copy {
 transition-delay: 0ms;
 }
 .dim-split.is-visible .dim-card:nth-child(1) {
 transition-delay: 0ms;
 }
 .dim-split.is-visible .dim-card:nth-child(2) {
 transition-delay: 120ms;
 }
 .dim-split.is-visible .dim-card:nth-child(3) {
 transition-delay: 240ms;
 }
 .dim-split.is-visible .dim-card:nth-child(4) {
 transition-delay: 360ms;
 }

 @media (prefers-reduced-motion: reduce) {
 .dim-copy,
 .dim-card {
 opacity: 1;
 transform: none;
 transition: none;
 }
 }

 @media (max-width: 960px) {
 .hero {
 min-height: auto;
 padding: 5.5rem 0 4rem;
 }
 .hero-inner {
 grid-template-columns: 1fr;
 gap: 1rem;
 }
 .hero-graphic {
 position: relative;
 width: 100%;
 height: 320px;
 top: auto;
 right: auto;
 margin: 0 auto 1.25rem;
 order: -1;
 }
 .hero-copy {
 margin: 0 auto;
 }
 .hero-scroll {
 display: none;
 }
 }
 @media (min-width: 1024px) {
 .hero-inner {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 }
 @media (max-width: 960px) {
 .dim-split {
 grid-template-columns: 1fr;
 gap: 2rem;
 }
 .dim-copy {
 max-width: 100%;
 }
 .intro-features {
 grid-template-columns: repeat(3, 1fr);
 }
 .intro-feat:nth-child(3n) {
 border-right: none;
 }
 .intro-feat:nth-child(n + 4) {
 border-top: 1px solid #e2e8f0;
 }
 }
 @media (max-width: 768px) {
 .dim-grid {
 grid-template-columns: repeat(2, 1fr);
 gap: 0.7rem;
 }
 .dim-card {
 padding: 0.95rem 1rem;
 }
 .dim-card-body {
 font-size: 0.92rem;
 }
 .intro-section {
 padding: 4rem 1.25rem 3rem;
 }
 .intro-features {
 grid-template-columns: repeat(2, 1fr);
 }
 .intro-feat {
 border-right: 1px solid #e2e8f0 !important;
 }
 .intro-feat:nth-child(2n) {
 border-right: none !important;
 }
 .intro-feat:nth-child(n + 3) {
 border-top: 1px solid #e2e8f0;
 }
 .three-step-grid {
 grid-template-columns: 1fr;
 }
 .problem-grid {
 grid-template-columns: 1fr;
 }
 .feat-grid {
 grid-template-columns: 1fr;
 }
 .access-grid {
 grid-template-columns: 1fr;
 }
 .usp-grid {
 grid-template-columns: 1fr;
 }
 .badge-grid {
 grid-template-columns: 1fr 1fr;
 }
 .data-card {
 padding: 1.5rem;
 }
 .stats-row {
 gap: 2rem;
 }
 .trust-row {
 flex-direction: column;
 }
 .hero-ctas {
 flex-direction: column;
 align-items: stretch;
 }
 .hero-ctas .qft-cta {
 text-align: center;
 }
 .cta-btns {
 flex-direction: column;
 align-items: center;
 }
 }
&lt;/style&gt;

&lt;!-- ─── HERO ─── --&gt;
&lt;section class="hero"&gt;
 &lt;div class="hero-graphic" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 800 800" preserveAspectRatio="xMidYMid slice" role="presentation"&gt;
 &lt;defs&gt;
 &lt;!-- Gradient follows the streak direction (lower-left → upper-right) and fades at both ends --&gt;
 &lt;linearGradient id="streakGrad" gradientUnits="userSpaceOnUse" x1="-80" y1="720" x2="880" y2="40"&gt;
 &lt;stop offset="0%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;stop offset="22%" stop-color="#60a5fa" stop-opacity="0.65" /&gt;
 &lt;stop offset="48%" stop-color="#f0f9ff" stop-opacity="1" /&gt;
 &lt;stop offset="74%" stop-color="#dbeafe" stop-opacity="0.7" /&gt;
 &lt;stop offset="100%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;/linearGradient&gt;
 &lt;linearGradient id="streakGradSoft" gradientUnits="userSpaceOnUse" x1="-80" y1="720" x2="880" y2="40"&gt;
 &lt;stop offset="0%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;stop offset="35%" stop-color="#60a5fa" stop-opacity="0.35" /&gt;
 &lt;stop offset="55%" stop-color="#bae6fd" stop-opacity="0.6" /&gt;
 &lt;stop offset="75%" stop-color="#dbeafe" stop-opacity="0.4" /&gt;
 &lt;stop offset="100%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;/linearGradient&gt;
 &lt;filter id="streakBlur" x="-10%" y="-10%" width="120%" height="120%"&gt;
 &lt;feGaussianBlur stdDeviation="10" /&gt;
 &lt;/filter&gt;
 &lt;filter id="streakBlurHeavy" x="-15%" y="-15%" width="130%" height="130%"&gt;
 &lt;feGaussianBlur stdDeviation="22" /&gt;
 &lt;/filter&gt;
 &lt;/defs&gt;

 &lt;g class="hero-streaks"&gt;
 &lt;!-- Heavy outer glow (very diffuse) --&gt;
 &lt;g class="hero-streak-glow hero-streak-glow-2" filter="url(#streakBlurHeavy)"&gt;
 &lt;path
 class="hero-streak"
 d="M -80 720 C 220 620 400 280 880 40"
 stroke="url(#streakGradSoft)"
 stroke-width="14"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 680 C 240 580 420 260 880 20"
 stroke="url(#streakGradSoft)"
 stroke-width="12"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 640 C 240 540 420 220 880 0"
 stroke="url(#streakGradSoft)"
 stroke-width="10"
 /&gt;
 &lt;/g&gt;

 &lt;!-- Medium glow layer --&gt;
 &lt;g class="hero-streak-glow" filter="url(#streakBlur)"&gt;
 &lt;path
 class="hero-streak"
 d="M -80 760 C 220 680 380 320 880 60"
 stroke="url(#streakGrad)"
 stroke-width="5"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 720 C 220 620 400 280 880 40"
 stroke="url(#streakGrad)"
 stroke-width="5"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 700 C 240 600 400 260 880 20"
 stroke="url(#streakGrad)"
 stroke-width="4"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 680 C 240 580 420 240 880 0"
 stroke="url(#streakGrad)"
 stroke-width="4"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 640 C 260 540 440 200 880 -20"
 stroke="url(#streakGrad)"
 stroke-width="3"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 600 C 260 500 440 180 880 -40"
 stroke="url(#streakGrad)"
 stroke-width="3"
 /&gt;
 &lt;/g&gt;

 &lt;!-- Crisp bright cores --&gt;
 &lt;g class="hero-streak-core"&gt;
 &lt;path
 id="streakPath1"
 class="hero-streak"
 d="M -80 760 C 220 680 380 320 880 60"
 stroke="url(#streakGrad)"
 stroke-width="1.2"
 /&gt;
 &lt;path
 id="streakPath2"
 class="hero-streak"
 d="M -80 720 C 220 620 400 280 880 40"
 stroke="url(#streakGrad)"
 stroke-width="1.3"
 /&gt;
 &lt;path
 id="streakPath3"
 class="hero-streak"
 d="M -80 700 C 240 600 400 260 880 20"
 stroke="url(#streakGrad)"
 stroke-width="1.1"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 680 C 240 580 420 240 880 0"
 stroke="url(#streakGrad)"
 stroke-width="1"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 640 C 260 540 440 200 880 -20"
 stroke="url(#streakGrad)"
 stroke-width="0.9"
 /&gt;
 &lt;path
 class="hero-streak"
 d="M -80 600 C 260 500 440 180 880 -40"
 stroke="url(#streakGrad)"
 stroke-width="0.8"
 /&gt;
 &lt;/g&gt;

 &lt;!-- Travelling light pulses (data flow) --&gt;
 &lt;path class="hero-streak-pulse hero-streak-pulse-a" d="M -80 720 C 220 620 400 280 880 40" /&gt;
 &lt;path class="hero-streak-pulse hero-streak-pulse-b" d="M -80 760 C 220 680 380 320 880 60" /&gt;
 &lt;path class="hero-streak-pulse hero-streak-pulse-c" d="M -80 700 C 240 600 400 260 880 20" /&gt;
 &lt;/g&gt;
 &lt;/svg&gt;
 &lt;/div&gt;

 &lt;div class="hero-inner"&gt;
 &lt;div class="hero-copy"&gt;
 &lt;p class="hero-label"&gt;Fund Rating&lt;/p&gt;</description></item><item><title>Fund Manager Rating Methodology</title><link>https://qft-analytics.com/methodology/rating/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/methodology/rating/</guid><description>&lt;style&gt;
 .meth {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }

 .meth-section {
 padding: 0 var(--page-shell-gutter-mobile) 2.5rem;
 max-width: var(--page-shell-max-width);
 margin: 0 auto;
 }
 .meth-section--intro {
 padding: 2.5rem var(--page-shell-gutter-mobile);
 max-width: var(--page-shell-max-width);
 margin: 0 auto;
 }
 .meth-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.35rem;
 }
 .meth-h2 {
 font-size: 1.25rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .meth-h3 {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.4rem;
 margin-top: 1.25rem;
 }
 .meth-p {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 margin-bottom: 0.75rem;
 }
 .meth-strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .meth-divider {
 border-top: 1px solid #e2e8f0;
 max-width: calc(var(--page-shell-max-width) - (var(--page-shell-gutter-mobile) * 2));
 margin: 0 auto 2rem;
 }
 .meth-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 margin-bottom: 1rem;
 }
 .meth-card-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.4rem;
 }
 .meth-grid {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 gap: 0.75rem;
 margin: 1rem 0;
 }
 .meth-kpi {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 0.75rem;
 }
 .meth-kpi-dim {
 font-size: 0.5rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 margin-bottom: 0.4rem;
 }
 .meth-kpi-name {
 font-size: 0.78rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.15rem;
 }
 .meth-kpi-desc {
 font-size: 0.72rem;
 color: #94a3b8;
 line-height: 1.5;
 }
 .meth-highlight {
 background: #fff;
 border-left: 3px solid #0b1f3b;
 border-radius: 0 8px 8px 0;
 padding: 1rem 1.25rem;
 margin: 1.25rem 0;
 }
 .meth-highlight-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.3rem;
 }
 .meth-highlight p {
 font-size: 0.85rem;
 color: #475569;
 line-height: 1.6;
 font-weight: 300;
 }
 .meth-grade-row {
 display: flex;
 gap: 0.5rem;
 flex-wrap: wrap;
 margin: 0.75rem 0;
 }
 .meth-grade {
 padding: 0.3rem 0.6rem;
 border-radius: 6px;
 font-size: 0.7rem;
 font-weight: 700;
 }
 .meth-refs {
 margin-top: 1.5rem;
 }
 .meth-ref {
 font-size: 0.75rem;
 color: #64748b;
 line-height: 1.6;
 margin-bottom: 0.3rem;
 }
 .meth-cta {
 padding: 3rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .meth-cta h2 {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 color: #fff;
 }
 .meth-cta p {
 font-size: 0.9rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.25rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
 @media (max-width: 768px) {
 .meth-grid {
 grid-template-columns: 1fr;
 }
 }
 @media (min-width: 1024px) {
 .meth-section,
 .meth-section--intro {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 .meth-divider {
 max-width: calc(var(--page-shell-max-width) - (var(--page-shell-gutter-desktop) * 2));
 }
 }
&lt;/style&gt;

&lt;section
 class="relative flex min-h-[60vh] items-center overflow-hidden bg-[linear-gradient(180deg,#04060a_0%,#0b1220_55%,#0f172a_100%)] pb-16 pt-24 text-stone-50"
&gt;
 &lt;div
 class="relative z-[2] mx-auto w-full max-w-[var(--page-shell-max-width)] px-[var(--page-shell-gutter-mobile)] lg:px-[var(--page-shell-gutter-desktop)]"
 &gt;
 &lt;div class="max-w-[720px]"&gt;
 &lt;div class="mb-6"&gt;
 &lt;h1
 class="font-sans text-[clamp(1.65rem,3.6vw,3.15rem)] font-bold leading-[1.1] tracking-[-0.03em] text-stone-50"
 &gt;
 Fund Manager Rating
 &lt;/h1&gt;
 &lt;/div&gt;
 &lt;p class="max-w-[640px] text-[1.05rem] font-light leading-[1.65] text-slate-400"&gt;
 How do you know whether a fund manager is genuinely skilled, or mostly benefited from market timing and
 luck? The QFT Fund Manager Rating applies methods from empirical finance to answer this question with
 statistical rigor.
 &lt;/p&gt;</description></item><item><title>Fund Valuation</title><link>https://qft-analytics.com/products/valuation/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/products/valuation/</guid><description>&lt;style&gt;
 html {
 scroll-behavior: smooth;
 }

 /* ─── HERO (DARK, FULL VIEWPORT, ANIMATED STREAKS) ─── */
 .hero {
 position: relative;
 min-height: 100vh;
 padding: 6rem 0 5rem;
 background: linear-gradient(180deg, #04060a 0%, #0b1220 55%, #0f172a 100%);
 color: #f8fafc;
 overflow: hidden;
 display: flex;
 align-items: center;
 }
 .hero-graphic {
 position: absolute;
 top: -10%;
 right: -15%;
 width: 80%;
 height: 120%;
 pointer-events: none;
 z-index: 1;
 will-change: transform, opacity;
 }
 .hero-graphic svg {
 width: 100%;
 height: 100%;
 display: block;
 overflow: visible;
 }

 /* Orbital ring system */
 .orbit-system {
 transform-origin: 420px 380px;
 animation: orbitDrift 20s ease-in-out infinite alternate;
 }
 .orbit-glow {
 fill: none;
 stroke-linecap: round;
 animation: orbitPulse 6s ease-in-out infinite;
 }
 .orbit-glow-2 {
 animation-delay: -2s;
 }
 .orbit-glow-3 {
 animation-delay: -4s;
 }
 .orbit-core {
 fill: none;
 stroke-linecap: round;
 opacity: 0.6;
 }
 .orbit-particle {
 fill: none;
 stroke: #f0f9ff;
 stroke-width: 2.5;
 stroke-linecap: round;
 filter: drop-shadow(0 0 6px rgba(219, 234, 254, 0.95)) drop-shadow(0 0 14px rgba(219, 234, 254, 0.7));
 }
 .orbit-p1 {
 stroke-dasharray: 30 1061;
 animation: orbitFlow1 10s linear infinite;
 }
 .orbit-p2 {
 stroke-dasharray: 25 1392;
 animation: orbitFlow2 14s linear infinite;
 }
 .orbit-p3 {
 stroke-dasharray: 20 804;
 animation: orbitFlow3 8s linear infinite;
 }
 .central-glow {
 animation: centralPulse 5s ease-in-out infinite;
 }

 @keyframes orbitFlow1 {
 from {
 stroke-dashoffset: 1091;
 }
 to {
 stroke-dashoffset: 0;
 }
 }
 @keyframes orbitFlow2 {
 from {
 stroke-dashoffset: 1417;
 }
 to {
 stroke-dashoffset: 0;
 }
 }
 @keyframes orbitFlow3 {
 from {
 stroke-dashoffset: 824;
 }
 to {
 stroke-dashoffset: 0;
 }
 }
 @keyframes orbitPulse {
 0%,
 100% {
 opacity: 0.2;
 }
 50% {
 opacity: 0.5;
 }
 }
 @keyframes centralPulse {
 0%,
 100% {
 opacity: 0.5;
 }
 50% {
 opacity: 1;
 }
 }
 @keyframes orbitDrift {
 0% {
 transform: translate3d(0, 0, 0);
 }
 100% {
 transform: translate3d(-8px, 5px, 0);
 }
 }
 .hero-inner {
 position: relative;
 z-index: 2;
 max-width: var(--page-shell-max-width);
 width: 100%;
 margin: 0 auto;
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 gap: 3rem;
 align-items: center;
 }
 .hero-copy {
 max-width: 560px;
 }
 .hero-label {
 font-family: "Inter", sans-serif;
 font-size: 0.78rem;
 font-weight: 600;
 letter-spacing: 0.22em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin-bottom: 1.5rem;
 }
 .hero-header {
 margin-bottom: 1.5rem;
 }
 .hero-header h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.65rem, 3.6vw, 3.15rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #f8fafc;
 }
 .hero-sub {
 font-size: 1.05rem;
 color: #94a3b8;
 font-weight: 300;
 line-height: 1.65;
 max-width: 520px;
 margin-bottom: 2.25rem;
 }
 .hero-ctas {
 display: flex;
 gap: 0.75rem;
 flex-wrap: wrap;
 }
 .hero-badge {
 display: inline-block;
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.82rem;
 font-weight: 700;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--ci-ice);
 background: rgba(219, 234, 254, 0.12);
 border: 1px solid rgba(219, 234, 254, 0.24);
 border-radius: 24px;
 padding: 0.5rem 1.3rem;
 margin-bottom: 1rem;
 }
 .hero-scroll {
 position: absolute;
 left: 50%;
 bottom: 1.75rem;
 transform: translateX(-50%);
 color: rgba(226, 232, 240, 0.55);
 opacity: 0;
 animation: heroScrollIn 0.6s ease 2s forwards;
 z-index: 2;
 pointer-events: none;
 }
 .hero-scroll-inner {
 display: block;
 animation: heroScrollBounce 2.2s ease 2.6s infinite;
 }
 .hero-scroll svg {
 width: 22px;
 height: 22px;
 display: block;
 }
 @keyframes heroScrollIn {
 to {
 opacity: 1;
 }
 }
 @keyframes heroScrollBounce {
 0%,
 100% {
 transform: translateY(0);
 }
 50% {
 transform: translateY(8px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
 .hero-scroll-inner {
 animation: none;
 }
 }

 .anim-box {
 position: relative;
 min-height: 440px;
 margin-bottom: 1rem;
 }
 .anim-scene {
 position: relative;
 width: 100%;
 height: 440px;
 border-radius: 12px;
 border: 1px solid #e2e8f0;
 background: #fff;
 overflow: hidden;
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
 }
 .anim-bar {
 height: 28px;
 background: #f8fafc;
 border-bottom: 1px solid #e2e8f0;
 display: flex;
 align-items: center;
 padding: 0 12px;
 gap: 6px;
 }
 .anim-bar-logo {
 font-size: 0.55rem;
 font-weight: 700;
 color: #0b1f3b;
 letter-spacing: 0.04em;
 }
 .anim-bar-nav {
 margin-left: auto;
 display: flex;
 gap: 10px;
 }
 .anim-bar-nav span {
 font-size: 0.36rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 }
 .anim-bar-nav span.act {
 color: #0b1f3b;
 font-weight: 600;
 border-bottom: 1px solid #0b1f3b;
 padding-bottom: 1px;
 }
 .anim-area {
 position: relative;
 height: 412px;
 background: #f8fafc;
 overflow: hidden;
 }

 .step-center {
 position: absolute;
 inset: 0;
 z-index: 5;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 1.5rem;
 text-align: center;
 }
 .step-badge {
 font-family: "IBM Plex Mono", monospace;
 font-size: 0.75rem;
 font-weight: 700;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #475569;
 background: rgba(71, 85, 105, 0.06);
 border: 1px solid rgba(71, 85, 105, 0.1);
 border-radius: 8px;
 padding: 0.35rem 0.9rem;
 margin-bottom: 0.6rem;
 transition: all 0.4s;
 }
 .step-badge.done {
 color: #059669;
 background: rgba(5, 150, 105, 0.06);
 border-color: rgba(5, 150, 105, 0.12);
 }
 .step-visual {
 margin-bottom: 0.5rem;
 transition: all 0.4s ease;
 }
 .step-text {
 font-family: "Inter", sans-serif;
 font-size: 1.1rem;
 font-weight: 600;
 color: #1e293b;
 line-height: 1.4;
 margin-bottom: 0.3rem;
 max-width: 500px;
 transition: all 0.35s ease;
 }
 .step-sub {
 font-family: "Inter", sans-serif;
 font-size: 0.82rem;
 font-weight: 300;
 color: #475569;
 line-height: 1.6;
 max-width: 460px;
 transition: all 0.35s ease;
 }
 .step-sub.gn {
 color: #059669;
 }
 .step-pips {
 display: flex;
 gap: 3px;
 margin-top: 1rem;
 }
 .pip {
 width: 24px;
 height: 3px;
 border-radius: 2px;
 background: rgba(0, 0, 0, 0.06);
 cursor: pointer;
 transition: all 0.3s;
 }
 .pip.a {
 background: #0b1f3b;
 width: 34px;
 }
 .pip:hover:not(.a) {
 background: rgba(0, 0, 0, 0.12);
 }

 /* Upload visual */
 .v-upload {
 display: flex;
 gap: 10px;
 justify-content: center;
 align-items: center;
 margin-bottom: 0.5rem;
 }
 .v-fund-list {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 8px 12px;
 min-width: 200px;
 }
 .v-fund-hdr {
 font-size: 0.4rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 color: #94a3b8;
 margin-bottom: 6px;
 }
 .v-fund-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 3px 0;
 border-bottom: 1px solid #f8fafc;
 font-size: 0.38rem;
 color: #475569;
 }
 .v-fund-row:last-child {
 border-bottom: none;
 }
 .v-fund-name {
 font-weight: 600;
 color: #1e293b;
 }
 .v-fund-meta {
 color: #94a3b8;
 }

 /* Extract visual */
 .v-extract {
 display: flex;
 gap: 8px;
 justify-content: center;
 align-items: flex-start;
 flex-wrap: wrap;
 margin-bottom: 0.5rem;
 }
 .v-company {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 6px;
 padding: 6px 10px;
 width: 130px;
 }
 .v-company-name {
 font-size: 0.42rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 3px;
 }
 .v-company-row {
 display: flex;
 justify-content: space-between;
 font-size: 0.32rem;
 color: #64748b;
 padding: 1px 0;
 }
 .v-company-row span:last-child {
 font-weight: 600;
 color: #1e293b;
 }

 /* Peer matching visual */
 .v-peer-wrap {
 display: flex;
 gap: 12px;
 justify-content: center;
 align-items: center;
 margin-bottom: 0.5rem;
 }
 .v-source {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 10px;
 width: 140px;
 text-align: center;
 }
 .v-source-icon {
 font-size: 1.2rem;
 margin-bottom: 4px;
 }
 .v-source-name {
 font-size: 0.5rem;
 font-weight: 600;
 color: #1e293b;
 }
 .v-source-detail {
 font-size: 0.35rem;
 color: #94a3b8;
 margin-top: 2px;
 }
 .v-arrow-anim {
 font-size: 1.2rem;
 color: #0b1f3b;
 animation: pulseArrow 1.5s ease-in-out infinite;
 }
 @keyframes pulseArrow {
 0%,
 100% {
 opacity: 0.4;
 transform: translateX(0);
 }
 50% {
 opacity: 1;
 transform: translateX(3px);
 }
 }
 @keyframes clockSpin {
 from {
 transform: rotate(0deg);
 }
 to {
 transform: rotate(360deg);
 }
 }
 .v-peers {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 8px;
 width: 220px;
 }
 .v-peers-hdr {
 font-size: 0.38rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 color: #0b1f3b;
 margin-bottom: 5px;
 display: flex;
 align-items: center;
 gap: 4px;
 }
 .v-peers-hdr-dot {
 width: 5px;
 height: 5px;
 border-radius: 50%;
 background: #059669;
 }
 .v-peer-row {
 display: flex;
 align-items: center;
 gap: 6px;
 padding: 2.5px 0;
 border-bottom: 1px solid #f8fafc;
 font-size: 0.34rem;
 }
 .v-peer-row:last-child {
 border-bottom: none;
 }
 .v-peer-ticker {
 font-family: "IBM Plex Mono", monospace;
 font-weight: 600;
 color: #0b1f3b;
 width: 28px;
 }
 .v-peer-name {
 color: #64748b;
 flex: 1;
 }
 .v-peer-mult {
 font-family: "IBM Plex Mono", monospace;
 font-weight: 600;
 color: #1e293b;
 }
 .v-match-badge {
 font-size: 0.3rem;
 color: #059669;
 margin-top: 4px;
 text-align: center;
 }

 /* Monte Carlo visual */
 .v-mc {
 display: flex;
 flex-direction: column;
 align-items: center;
 margin-bottom: 0.5rem;
 }
 .v-mc-chart {
 position: relative;
 width: 340px;
 height: 140px;
 }
 .v-mc-svg {
 width: 100%;
 height: 100%;
 }
 .v-mc-label {
 font-size: 0.38rem;
 color: #64748b;
 margin-top: 4px;
 }
 .v-mc-legend {
 display: flex;
 gap: 12px;
 margin-top: 6px;
 }
 .v-mc-leg {
 display: flex;
 align-items: center;
 gap: 4px;
 font-size: 0.34rem;
 color: #64748b;
 }
 .v-mc-leg-dot {
 width: 8px;
 height: 3px;
 border-radius: 1px;
 }

 /* NAV Assessment visual */
 .v-nav {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 14px 20px;
 max-width: 400px;
 margin: 0 auto 0.5rem;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
 }
 .v-nav-hdr {
 font-size: 0.45rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 margin-bottom: 8px;
 }
 .v-nav-fund {
 font-size: 0.85rem;
 font-weight: 600;
 color: #0b1f3b;
 margin-bottom: 10px;
 }
 .v-nav-grid {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 gap: 8px;
 margin-bottom: 10px;
 }
 .v-nav-cell {
 text-align: center;
 padding: 6px;
 border-radius: 6px;
 }
 .v-nav-cell-label {
 font-size: 0.32rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 margin-bottom: 2px;
 }
 .v-nav-cell-val {
 font-size: 0.75rem;
 font-weight: 700;
 }
 .v-nav-cell.lo {
 background: #fef2f2;
 }
 .v-nav-cell.lo .v-nav-cell-val {
 color: #dc2626;
 }
 .v-nav-cell.mid {
 background: #f0fdf4;
 }
 .v-nav-cell.mid .v-nav-cell-val {
 color: #059669;
 }
 .v-nav-cell.hi {
 background: #eff6ff;
 }
 .v-nav-cell.hi .v-nav-cell-val {
 color: #2563eb;
 }
 .v-nav-signal {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 8px 10px;
 border-radius: 6px;
 background: #f0fdf4;
 border: 1px solid rgba(5, 150, 105, 0.12);
 }
 .v-nav-signal-icon {
 font-size: 0.9rem;
 }
 .v-nav-signal-text {
 font-size: 0.55rem;
 color: #059669;
 font-weight: 600;
 }
 .v-nav-signal-sub {
 font-size: 0.4rem;
 color: #64748b;
 font-weight: 300;
 }

 .section {
 padding: 3rem 2.5rem;
 }
 .section-inner {
 max-width: 1140px;
 margin: 0 auto;
 }

 .cta-section {
 padding: 3.5rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .cta-section h2 {
 font-family: "Inter", sans-serif;
 font-size: 1.8rem;
 font-weight: 700;
 margin-bottom: 0.6rem;
 color: #fff;
 }
 .cta-section p {
 font-size: 0.95rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.5rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
 .cta-btns {
 display: flex;
 gap: 1rem;
 justify-content: center;
 }
 @media (prefers-reduced-motion: reduce) {
 .orbit-system,
 .orbit-glow,
 .orbit-particle,
 .central-glow,
 .hero-scroll-inner {
 animation: none;
 }
 }
 @media (max-width: 960px) {
 .hero {
 min-height: auto;
 padding: 5.5rem 0 4rem;
 }
 .hero-inner {
 grid-template-columns: 1fr;
 gap: 1rem;
 }
 .hero-graphic {
 position: relative;
 width: 100%;
 height: 320px;
 top: auto;
 right: auto;
 margin: 0 auto 1.25rem;
 order: -1;
 }
 .hero-copy {
 margin: 0 auto;
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
 }
 .hero-ctas {
 justify-content: center;
 }
 .hero-scroll {
 display: none;
 }
 }
 @media (min-width: 1024px) {
 .hero-inner {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 }
 @media (max-width: 768px) {
 .hero-ctas {
 flex-direction: column;
 align-items: stretch;
 }
 .hero-ctas .qft-cta {
 text-align: center;
 }
 .anim-scene {
 height: 400px;
 }
 .anim-area {
 height: 372px;
 }
 .v-peer-wrap {
 flex-direction: column;
 }
 .v-data-card {
 padding: 1.5rem;
 }
 .v-badge-grid {
 grid-template-columns: 1fr 1fr;
 }
 }

 /* ─── DATA SECURITY ─── */
 .v-data-card {
 border-radius: 20px;
 background:
 radial-gradient(ellipse at 30% 0%, rgba(96, 165, 250, 0.12) 0%, transparent 60%),
 linear-gradient(180deg, #0f172a 0%, #0b1220 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 padding: 2.5rem;
 }
 .v-data-card-header {
 margin-bottom: 2rem;
 }
 .v-data-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.12em;
 color: var(--ci-ice);
 margin-bottom: 0.6rem;
 }
 .v-data-card-title {
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #ffffff;
 letter-spacing: -0.02em;
 }
 .v-badge-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 2rem;
 }
 .v-badge-icon {
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.08);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 0.75rem;
 }
 .v-badge-label {
 font-size: 0.85rem;
 font-weight: 600;
 color: #ffffff;
 margin-bottom: 0.4rem;
 }
 .v-badge-text {
 font-size: 0.8rem;
 color: #94a3b8;
 line-height: 1.6;
 font-weight: 300;
 }
 .v-badge-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: var(--ci-ice);
 font-weight: 600;
 text-decoration: none;
 }
 .v-badge-link:hover {
 text-decoration: underline;
 }
&lt;/style&gt;

&lt;!-- ─── HERO ─── --&gt;
&lt;section class="hero"&gt;
 &lt;div class="hero-graphic" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 800 800" preserveAspectRatio="xMidYMid slice" role="presentation"&gt;
 &lt;defs&gt;
 &lt;linearGradient id="orbitGrad" gradientUnits="userSpaceOnUse" x1="180" y1="470" x2="660" y2="290"&gt;
 &lt;stop offset="0%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;stop offset="30%" stop-color="#60a5fa" stop-opacity="0.6" /&gt;
 &lt;stop offset="50%" stop-color="#bae6fd" stop-opacity="0.8" /&gt;
 &lt;stop offset="70%" stop-color="#dbeafe" stop-opacity="0.6" /&gt;
 &lt;stop offset="100%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;/linearGradient&gt;
 &lt;linearGradient id="orbitGradSoft" gradientUnits="userSpaceOnUse" x1="180" y1="470" x2="660" y2="290"&gt;
 &lt;stop offset="0%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;stop offset="30%" stop-color="#60a5fa" stop-opacity="0.25" /&gt;
 &lt;stop offset="50%" stop-color="#bae6fd" stop-opacity="0.4" /&gt;
 &lt;stop offset="70%" stop-color="#dbeafe" stop-opacity="0.25" /&gt;
 &lt;stop offset="100%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;/linearGradient&gt;
 &lt;radialGradient id="centralGlow" cx="50%" cy="50%" r="50%"&gt;
 &lt;stop offset="0%" stop-color="#f0f9ff" stop-opacity="0.8" /&gt;
 &lt;stop offset="35%" stop-color="#dbeafe" stop-opacity="0.3" /&gt;
 &lt;stop offset="100%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;/radialGradient&gt;
 &lt;filter id="orbitBlur" x="-20%" y="-20%" width="140%" height="140%"&gt;
 &lt;feGaussianBlur stdDeviation="8" /&gt;
 &lt;/filter&gt;
 &lt;filter id="orbitBlurHeavy" x="-25%" y="-25%" width="150%" height="150%"&gt;
 &lt;feGaussianBlur stdDeviation="18" /&gt;
 &lt;/filter&gt;
 &lt;filter id="nodeGlow" x="-200%" y="-200%" width="500%" height="500%"&gt;
 &lt;feGaussianBlur stdDeviation="3" /&gt;
 &lt;/filter&gt;
 &lt;/defs&gt;

 &lt;g class="orbit-system"&gt;
 &lt;!-- Central glow --&gt;
 &lt;circle cx="420" cy="380" r="100" fill="url(#centralGlow)" class="central-glow" /&gt;
 &lt;circle cx="420" cy="380" r="4" fill="#f0f9ff" filter="url(#nodeGlow)" /&gt;

 &lt;!-- Orbit 1: tilted -20deg --&gt;
 &lt;g transform="rotate(-20 420 380)"&gt;
 &lt;ellipse
 cx="420"
 cy="380"
 rx="240"
 ry="90"
 stroke="url(#orbitGradSoft)"
 stroke-width="8"
 fill="none"
 class="orbit-glow"
 filter="url(#orbitBlurHeavy)"
 /&gt;
 &lt;ellipse
 cx="420"
 cy="380"
 rx="240"
 ry="90"
 stroke="url(#orbitGrad)"
 stroke-width="1.2"
 fill="none"
 class="orbit-core"
 /&gt;
 &lt;ellipse cx="420" cy="380" rx="240" ry="90" class="orbit-particle orbit-p1" /&gt;
 &lt;/g&gt;

 &lt;!-- Orbit 2: tilted 15deg --&gt;
 &lt;g transform="rotate(15 420 380)"&gt;
 &lt;ellipse
 cx="420"
 cy="380"
 rx="310"
 ry="120"
 stroke="url(#orbitGradSoft)"
 stroke-width="6"
 fill="none"
 class="orbit-glow orbit-glow-2"
 filter="url(#orbitBlurHeavy)"
 /&gt;
 &lt;ellipse
 cx="420"
 cy="380"
 rx="310"
 ry="120"
 stroke="url(#orbitGrad)"
 stroke-width="1"
 fill="none"
 class="orbit-core"
 /&gt;
 &lt;ellipse cx="420" cy="380" rx="310" ry="120" class="orbit-particle orbit-p2" /&gt;
 &lt;/g&gt;

 &lt;!-- Orbit 3: tilted -45deg --&gt;
 &lt;g transform="rotate(-45 420 380)"&gt;
 &lt;ellipse
 cx="420"
 cy="380"
 rx="180"
 ry="70"
 stroke="url(#orbitGradSoft)"
 stroke-width="5"
 fill="none"
 class="orbit-glow orbit-glow-3"
 filter="url(#orbitBlur)"
 /&gt;
 &lt;ellipse
 cx="420"
 cy="380"
 rx="180"
 ry="70"
 stroke="url(#orbitGrad)"
 stroke-width="0.9"
 fill="none"
 class="orbit-core"
 /&gt;
 &lt;ellipse cx="420" cy="380" rx="180" ry="70" class="orbit-particle orbit-p3" /&gt;
 &lt;/g&gt;
 &lt;/g&gt;
 &lt;/svg&gt;
 &lt;/div&gt;

 &lt;div class="hero-inner"&gt;
 &lt;div class="hero-copy"&gt;
 &lt;div class="hero-badge"&gt;Coming Q2 2026&lt;/div&gt;
 &lt;p class="hero-label"&gt;Fund Valuation&lt;/p&gt;</description></item><item><title>Fund Valuation Methodology</title><link>https://qft-analytics.com/methodology/valuation/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/methodology/valuation/</guid><description>&lt;style&gt;
 /* ─── PAGE WRAPPER ─── */
 .mv {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }

 /* ─── HERO (UNTOUCHED) ─── */
 .hero {
 position: relative;
 min-height: 60vh;
 padding: 6rem 0 4rem;
 background: linear-gradient(180deg, #04060a 0%, #0b1220 55%, #0f172a 100%);
 color: #f8fafc;
 overflow: hidden;
 display: flex;
 align-items: center;
 }
 .hero-inner {
 position: relative;
 z-index: 2;
 max-width: var(--page-shell-max-width);
 width: 100%;
 margin: 0 auto;
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 }
 .hero-copy {
 max-width: 720px;
 }
 .hero-header {
 margin-bottom: 1.5rem;
 }
 .hero-header h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.65rem, 3.6vw, 3.15rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #f8fafc;
 }
 .hero-sub {
 font-size: 1.05rem;
 color: #94a3b8;
 font-weight: 300;
 line-height: 1.65;
 max-width: 640px;
 }
 .hero-scroll {
 position: absolute;
 bottom: 2rem;
 left: 50%;
 transform: translateX(-50%);
 z-index: 2;
 color: #64748b;
 animation: heroScrollBob 2.5s ease-in-out infinite;
 }
 .hero-scroll-inner {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 0.25rem;
 }
 .hero-scroll-inner svg {
 width: 20px;
 height: 20px;
 }
 @keyframes heroScrollBob {
 0%,
 100% {
 transform: translateX(-50%) translateY(0);
 }
 50% {
 transform: translateX(-50%) translateY(6px);
 }
 }
 @media (max-width: 480px) {
 .hero {
 padding: 5rem 0 3rem;
 }
 }
 @media (min-width: 1024px) {
 .hero-inner {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 }

 /* ─── SECTIONS (matching Fund Manager Rating) ─── */
 .mv-section {
 padding: 0 2.5rem 2.5rem;
 max-width: 800px;
 margin: 0 auto;
 }
 .mv-section--intro {
 padding: 2.5rem 2.5rem 2.5rem;
 max-width: 800px;
 margin: 0 auto;
 }
 .mv-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.35rem;
 }
 .mv-h2 {
 font-size: 1.25rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .mv-h3 {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.4rem;
 margin-top: 1.25rem;
 }
 .mv-p {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 margin-bottom: 0.75rem;
 }
 .mv-p strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .mv-divider {
 border-top: 1px solid #e2e8f0;
 max-width: 800px;
 margin: 0 auto 2rem;
 }

 /* ─── CARDS (white, matching Fund Rating) ─── */
 .mv-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 margin-top: 1rem;
 margin-bottom: 1rem;
 }
 .mv-card-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.6rem;
 padding-bottom: 0.5rem;
 border-bottom: 1px solid #e2e8f0;
 }

 /* ─── STEP LABELS ─── */
 .mv-step-num {
 font-family: "SF Mono", "Fira Code", monospace;
 font-size: 0.5rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 color: #64748b;
 margin-bottom: 0.2rem;
 }
 .mv-step-title {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.4rem;
 }
 .mv-step-body {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 margin-bottom: 0.75rem;
 }

 /* ─── STEP CARD INTERNALS ─── */
 .mv-scard-row {
 display: flex;
 align-items: center;
 gap: 0.6rem;
 padding: 0.45rem 0.6rem;
 border-radius: 8px;
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 margin-bottom: 0.4rem;
 }
 .mv-scard-row:last-child {
 margin-bottom: 0;
 }
 .mv-scard-label {
 font-size: 0.68rem;
 font-weight: 500;
 color: #1e293b;
 }
 .mv-scard-label span {
 display: block;
 font-size: 0.55rem;
 color: #94a3b8;
 font-weight: 400;
 }
 .mv-scard-val {
 margin-left: auto;
 font-size: 0.6rem;
 font-weight: 600;
 font-family: "SF Mono", "Fira Code", monospace;
 color: #059669;
 white-space: nowrap;
 }

 /* Peer match */
 .mv-peer-grid {
 display: flex;
 align-items: center;
 gap: 0.75rem;
 }
 .mv-peer-source {
 padding: 0.5rem 0.65rem;
 border-radius: 8px;
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 font-size: 0.7rem;
 font-weight: 600;
 color: #1e293b;
 white-space: nowrap;
 }
 .mv-peer-lines {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 flex: 1;
 }
 .mv-peer-line {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 }
 .mv-peer-connector {
 width: 30px;
 height: 1px;
 background: rgba(96, 165, 250, 0.35);
 position: relative;
 }
 .mv-peer-connector::after {
 content: "";
 position: absolute;
 right: -2px;
 top: -2px;
 width: 5px;
 height: 5px;
 border-radius: 50%;
 background: var(--ci-ice-400);
 }
 .mv-peer-name {
 font-size: 0.65rem;
 font-weight: 500;
 color: #64748b;
 padding: 0.3rem 0.5rem;
 border-radius: 6px;
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 }

 /* Distribution curve SVG */
 .mv-curve-svg {
 width: 100%;
 height: auto;
 display: block;
 margin-bottom: 0.5rem;
 }
 .mv-curve-path {
 fill: none;
 stroke: var(--ci-ice-500);
 stroke-width: 2;
 }
 .mv-curve-fill {
 fill: rgba(147, 197, 253, 0.2);
 }
 .mv-curve-gp {
 stroke: #fbbf24;
 stroke-width: 1.5;
 stroke-dasharray: 4 3;
 }
 .mv-curve-gp-label {
 font-size: 7px;
 fill: #b45309;
 font-weight: 600;
 }

 /* Signal bar */
 .mv-signal-bar {
 display: flex;
 border-radius: 6px;
 overflow: hidden;
 margin-bottom: 0.6rem;
 }
 .mv-signal-seg {
 flex: 1;
 padding: 0.45rem 0.25rem;
 text-align: center;
 font-size: 0.48rem;
 font-weight: 600;
 letter-spacing: 0.02em;
 color: #fff;
 }
 .mv-signal-seg--1 {
 background: #1d4ed8;
 }
 .mv-signal-seg--2 {
 background: #2563eb;
 }
 .mv-signal-seg--3 {
 background: #059669;
 }
 .mv-signal-seg--4 {
 background: #b45309;
 }
 .mv-signal-seg--5 {
 background: #dc2626;
 }
 .mv-signal-dot {
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background: #0f172a;
 border: 2px solid #0b1f3b;
 box-shadow: 0 0 6px rgba(11, 31, 59, 0.3);
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 62%;
 }
 .mv-signal-note {
 font-size: 0.6rem;
 color: #64748b;
 line-height: 1.5;
 margin-top: 0.5rem;
 }
 .mv-signal-note p {
 margin-bottom: 0.15rem;
 }

 /* ─── INTERACTIVE CHART (white card) ─── */
 .mv-chart-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 }
 .mv-chart-top {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 margin-bottom: 1.5rem;
 gap: 1rem;
 }
 .mv-chart-title-area .mv-h2 {
 text-align: left;
 margin-bottom: 0.4rem;
 }
 .mv-chart-title-area .mv-p {
 max-width: 480px;
 }

 /* Example panel */
 .mv-example {
 flex-shrink: 0;
 width: 220px;
 padding: 0.85rem;
 border-radius: 8px;
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 }
 .mv-example-title {
 font-size: 0.55rem;
 font-weight: 600;
 color: #64748b;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 margin-bottom: 0.6rem;
 }
 .mv-example-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.5rem 0.75rem;
 }
 .mv-example-cell-label {
 font-size: 0.5rem;
 color: #94a3b8;
 font-weight: 500;
 }
 .mv-example-cell-val {
 font-size: 0.65rem;
 color: #1e293b;
 font-weight: 600;
 }
 .mv-example-assess {
 grid-column: 1 / -1;
 margin-top: 0.25rem;
 padding-top: 0.4rem;
 border-top: 1px solid #e2e8f0;
 }
 .mv-example-assess-label {
 font-size: 0.5rem;
 color: #94a3b8;
 font-weight: 500;
 }
 .mv-example-assess-val {
 font-size: 0.7rem;
 font-weight: 700;
 margin-top: 2px;
 }

 /* SVG chart area */
 .mv-chart-svg-wrap {
 position: relative;
 cursor: ew-resize;
 user-select: none;
 -webkit-user-select: none;
 }
 .mv-chart-svg {
 width: 100%;
 height: auto;
 display: block;
 }
 .mv-chart-curve {
 fill: none;
 stroke: var(--ci-ice-500);
 stroke-width: 2.5;
 }
 .mv-chart-iqr-fill {
 fill: rgba(147, 197, 253, 0.24);
 }
 .mv-chart-pct-line {
 stroke: #e2e8f0;
 stroke-width: 1;
 stroke-dasharray: 3 3;
 }
 .mv-chart-pct-label {
 font-size: 8px;
 fill: #64748b;
 font-weight: 500;
 }
 .mv-chart-zone-label {
 font-size: 7.5px;
 fill: #64748b;
 font-weight: 600;
 text-anchor: middle;
 }
 .mv-chart-gp-line {
 stroke: #fbbf24;
 stroke-width: 2;
 }
 .mv-chart-gp-label {
 font-size: 8px;
 fill: #b45309;
 font-weight: 700;
 }
 .mv-chart-gp-handle {
 fill: #fbbf24;
 cursor: grab;
 filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.6));
 }
 .mv-chart-gp-handle:active {
 cursor: grabbing;
 }
 .mv-chart-drag-hint {
 font-size: 7px;
 fill: #94a3b8;
 text-anchor: middle;
 }

 /* Signal rows */
 .mv-signals {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.5rem 1.5rem;
 margin-top: 1.5rem;
 }
 .mv-sig-row {
 display: flex;
 align-items: flex-start;
 gap: 0.5rem;
 padding: 0.5rem 0.6rem;
 border-radius: 8px;
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 transition:
 background 300ms,
 border-color 300ms;
 }
 .mv-sig-row.is-active {
 background: #f1f5f9;
 border-color: #0b1f3b;
 }
 .mv-sig-badge {
 width: 20px;
 height: 20px;
 border-radius: 5px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.55rem;
 font-weight: 700;
 color: #fff;
 flex-shrink: 0;
 }
 .mv-sig-badge--1 {
 background: #1d4ed8;
 }
 .mv-sig-badge--2 {
 background: #2563eb;
 }
 .mv-sig-badge--3 {
 background: #059669;
 }
 .mv-sig-badge--4 {
 background: #b45309;
 }
 .mv-sig-badge--5 {
 background: #dc2626;
 }
 .mv-sig-text {
 flex: 1;
 }
 .mv-sig-title {
 font-size: 0.7rem;
 font-weight: 600;
 color: #1e293b;
 transition: color 300ms;
 }
 .mv-sig-row:not(.is-active) .mv-sig-title {
 color: #94a3b8;
 }
 .mv-sig-desc {
 font-size: 0.6rem;
 color: #94a3b8;
 line-height: 1.4;
 font-weight: 400;
 transition: color 300ms;
 }
 .mv-sig-row.is-active .mv-sig-desc {
 color: #475569;
 }

 /* ─── DUAL FAIR VALUE ─── */
 .mv-dual-rows {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
 }
 .mv-dual-row {
 display: flex;
 align-items: center;
 gap: 0.65rem;
 padding: 0.65rem 0.75rem;
 border-radius: 8px;
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 }
 .mv-dual-letter {
 width: 28px;
 height: 28px;
 border-radius: 8px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.7rem;
 font-weight: 700;
 flex-shrink: 0;
 }
 .mv-dual-letter--a {
 background: rgba(29, 78, 216, 0.15);
 color: #1d4ed8;
 }
 .mv-dual-letter--b {
 background: rgba(11, 90, 84, 0.15);
 color: #0b5a54;
 }
 .mv-dual-info {
 flex: 1;
 }
 .mv-dual-info-title {
 font-size: 0.72rem;
 font-weight: 600;
 color: #1e293b;
 }
 .mv-dual-info-sub {
 font-size: 0.58rem;
 color: #94a3b8;
 }
 .mv-dual-gap {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0.5rem;
 padding: 0.5rem;
 margin-top: 0.25rem;
 border: 1px dashed rgba(96, 165, 250, 0.35);
 border-radius: 8px;
 }
 .mv-dual-gap-label {
 font-size: 0.62rem;
 font-weight: 600;
 color: var(--ci-ice-600);
 }
 .mv-dual-gap-arrow {
 color: var(--ci-ice-600);
 }

 /* ─── HIGHLIGHT (matching Fund Rating) ─── */
 .mv-highlight {
 background: #fff;
 border-left: 3px solid #0b1f3b;
 border-radius: 0 8px 8px 0;
 padding: 1rem 1.25rem;
 margin: 1.25rem 0;
 }
 .mv-highlight-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.3rem;
 }
 .mv-highlight p {
 font-size: 0.85rem;
 color: #475569;
 line-height: 1.6;
 font-weight: 300;
 }
 .mv-highlight a {
 color: #0b1f3b;
 font-weight: 600;
 text-decoration: none;
 }
 .mv-highlight a:hover {
 text-decoration: underline;
 }

 /* ─── REFERENCES (matching Fund Rating) ─── */
 .mv-refs {
 margin-top: 1.5rem;
 }
 .mv-ref {
 font-size: 0.75rem;
 color: #64748b;
 line-height: 1.6;
 margin-bottom: 0.3rem;
 }
 .mv-ref em {
 font-style: italic;
 }

 /* ─── CTA (matching Fund Rating) ─── */
 .mv-cta {
 padding: 3rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .mv-cta h2 {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 color: #fff;
 }
 .mv-cta p {
 font-size: 0.9rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.25rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
 /* ─── RESPONSIVE ─── */
 @media (max-width: 768px) {
 .mv-section,
 .mv-section--intro {
 padding-left: 1.5rem;
 padding-right: 1.5rem;
 }
 .mv-signals {
 grid-template-columns: 1fr;
 }
 .mv-chart-top {
 flex-direction: column;
 }
 .mv-example {
 width: 100%;
 }
 .mv-peer-grid {
 flex-direction: column;
 align-items: flex-start;
 }
 }
&lt;/style&gt;

&lt;!-- ═══ HERO (UNTOUCHED) ═══ --&gt;
&lt;section class="hero"&gt;
 &lt;div class="hero-inner"&gt;
 &lt;div class="hero-copy"&gt;
 &lt;div class="hero-header"&gt;
 &lt;h1&gt;Fund Valuation&lt;/h1&gt;
 &lt;/div&gt;
 &lt;p class="hero-sub"&gt;
 Your GP reports a NAV. But what is the fund actually worth? QFT values every portfolio company
 individually against public market peers, using Monte Carlo simulation to produce a valuation
 distribution, not a point estimate.
 &lt;/p&gt;</description></item><item><title>Impressum</title><link>https://qft-analytics.com/impressum/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/impressum/</guid><description>&lt;p&gt;Stand: 17. März 2026&lt;/p&gt;

&lt;h2&gt;Angaben gemäß § 5 DDG&lt;/h2&gt;
&lt;p&gt;
 &lt;strong&gt;Anbieter&lt;/strong&gt;
 &lt;br /&gt;
 QFT Analytics GmbH
 &lt;br /&gt;
 Münchner Str. 34
 &lt;br /&gt;
 83707 Bad Wiessee
 &lt;br /&gt;
 Deutschland
&lt;/p&gt;

&lt;p&gt;
 &lt;strong&gt;Vertreten durch&lt;/strong&gt;
 &lt;br /&gt;
 &lt;em&gt;Dr. Alexander Jürgens&lt;/em&gt;
&lt;/p&gt;

&lt;p&gt;
 &lt;strong&gt;UstId:&lt;/strong&gt;
 &lt;br /&gt;
 DE460616410
&lt;/p&gt;

&lt;p&gt;
 &lt;strong&gt;Kontakt&lt;/strong&gt;
 &lt;br /&gt;
 E-Mail:
 &lt;a href="mailto:hello@qft-analytics.com"&gt;hello@qft-analytics.com&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;
 &lt;strong&gt;Registereintrag&lt;/strong&gt;
 &lt;br /&gt;
 &lt;em&gt;
 Bitte Registergericht und Registernummer ergänzen, falls ein Handels-, Vereins-, Partnerschafts- oder
 vergleichbarer Registereintrag besteht.
 &lt;/em&gt;
&lt;/p&gt;

&lt;p&gt;
 &lt;strong&gt;Umsatzsteuer-Identifikationsnummer gemäß § 27a UStG&lt;/strong&gt;
 &lt;br /&gt;
 &lt;em&gt;Bitte USt-IdNr. ergänzen, falls vorhanden.&lt;/em&gt;
&lt;/p&gt;

&lt;p&gt;
 &lt;strong&gt;Zuständige Aufsichtsbehörde&lt;/strong&gt;
 &lt;br /&gt;
 &lt;em&gt;Bitte nur ergänzen, falls QFT erlaubnispflichtige oder aufsichtsrechtlich regulierte Tätigkeiten anbietet.&lt;/em&gt;
&lt;/p&gt;</description></item><item><title>Institutional Investors</title><link>https://qft-analytics.com/audiences/institutional-investors/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/audiences/institutional-investors/</guid><description>&lt;style&gt;
 /* ─── BASE ─── */
 .inst-inner {
 max-width: 1140px;
 margin: 0 auto;
 }

 /* ─── HERO (DARK, MATCHING PRODUCTS/RATING) ─── */
 .inst-hero {
 position: relative;
 padding: 6rem 0 5rem;
 background: linear-gradient(180deg, #04060a 0%, #0b1220 55%, #0f172a 100%);
 color: #f8fafc;
 overflow: hidden;
 }
 .inst-hero .inst-inner {
 max-width: var(--page-shell-max-width);
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 }
 .inst-label {
 font-family: "Inter", sans-serif;
 font-size: 0.78rem;
 font-weight: 600;
 letter-spacing: 0.22em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin-bottom: 1.5rem;
 }
 .inst-h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.65rem, 3.6vw, 3.15rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #f8fafc;
 margin-bottom: 1.5rem;
 max-width: 760px;
 }
 .inst-sub {
 font-size: 1.05rem;
 color: #94a3b8;
 font-weight: 300;
 line-height: 1.65;
 max-width: 520px;
 margin-bottom: 2.25rem;
 }
 .inst-ctas {
 display: flex;
 gap: 0.75rem;
 flex-wrap: wrap;
 }
 /* ─── NARRATIVE ─── */
 .inst-narrative {
 padding: 5rem 2.5rem;
 background: #fff;
 }
 .inst-narrative-inner {
 max-width: 720px;
 margin: 0 auto;
 }
 .inst-narrative-body {
 font-size: 1.2rem;
 color: #475569;
 line-height: 1.9;
 font-weight: 300;
 margin-bottom: 1.75rem;
 }
 .inst-narrative-transition {
 font-size: 1.2rem;
 color: #0b1f3b;
 font-weight: 600;
 line-height: 1.5;
 padding-top: 1.5rem;
 border-top: 1px solid #e2e8f0;
 }

 /* ─── SECTIONS ─── */
 .section {
 padding: 4rem 2.5rem;
 }
 .sec-label {
 font-size: 0.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.6rem;
 }
 .sec-title {
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #0f172a;
 margin-bottom: 1rem;
 letter-spacing: -0.02em;
 }
 .sec-text {
 font-size: 1.05rem;
 color: #64748b;
 line-height: 1.75;
 font-weight: 300;
 max-width: 640px;
 }

 /* ─── BUILT ON SCIENCE ─── */
 .science-block {
 padding: 4rem 2.5rem;
 background: #f1f5f9;
 border-top: 1px solid #e2e8f0;
 }
 .science-inner {
 max-width: 1140px;
 margin: 0 auto;
 }
 .science-label {
 font-size: 0.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.6rem;
 }
 .science-title {
 font-size: clamp(1.4rem, 2.5vw, 1.75rem);
 font-weight: 600;
 color: #0f172a;
 margin-bottom: 0.5rem;
 letter-spacing: -0.02em;
 }
 .science-sub {
 font-size: 1rem;
 color: #475569;
 margin-bottom: 2rem;
 }
 .science-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 1.25rem;
 }
 .science-card {
 background: #ffffff;
 border: 1px solid #e2e8f0;
 border-radius: 16px;
 padding: 1.5rem;
 box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
 }
 .science-card-label {
 font-size: 0.7rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.12em;
 color: #64748b;
 }
 .science-card-val {
 font-size: 2.25rem;
 font-weight: 700;
 color: #0b1f3b;
 line-height: 1;
 margin-top: 0.75rem;
 }
 .science-card-desc {
 font-size: 0.875rem;
 color: #475569;
 line-height: 1.5;
 margin-top: 0.75rem;
 }
 .science-card-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: #0b5a54;
 font-weight: 600;
 text-decoration: none;
 }
 .science-card-link:hover {
 text-decoration: underline;
 }
 /* (science-link removed — replaced by science-card-link) */

 /* ─── DATA SECURITY ─── */
 .data-card {
 border-radius: 20px;
 background:
 radial-gradient(120% 80% at 100% 0%, rgba(96, 165, 250, 0.12) 0%, rgba(15, 23, 42, 0) 60%),
 linear-gradient(180deg, rgba(20, 24, 38, 0.9) 0%, rgba(12, 16, 28, 0.9) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 padding: 2.5rem;
 }
 .data-card-header {
 margin-bottom: 2rem;
 }
 .data-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.12em;
 color: var(--ci-ice);
 margin-bottom: 0.6rem;
 }
 .data-card-title {
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #ffffff;
 letter-spacing: -0.02em;
 }
 .badge-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 2rem;
 }
 .badge-icon {
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.08);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 0.75rem;
 }
 .badge-card-label {
 font-size: 0.85rem;
 font-weight: 600;
 color: #ffffff;
 margin-bottom: 0.4rem;
 }
 .badge-card-text {
 font-size: 0.8rem;
 color: #94a3b8;
 line-height: 1.6;
 font-weight: 300;
 }
 .badge-card-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: #0b5a54;
 font-weight: 600;
 text-decoration: none;
 }
 .badge-card-link:hover {
 text-decoration: underline;
 }

 /* ─── PRODUCT CARDS ─── */
 .prod-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.25rem;
 margin-top: 2rem;
 }
 .prod-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 2rem;
 display: flex;
 flex-direction: column;
 }
 .prod-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.5rem;
 }
 .prod-card-title {
 font-size: 1.1rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 }
 .prod-card-text {
 font-size: 0.95rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 margin-bottom: 1.5rem;
 flex: 1;
 }
 .prod-card-link {
 font-size: 0.85rem;
 font-weight: 600;
 color: #0b1f3b;
 text-decoration: none;
 margin-top: auto;
 }
 .prod-card-link:hover {
 text-decoration: underline;
 }
 .prod-card-link::after {
 content: " →";
 }

 /* ─── PILLARS ─── */
 .pillar-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 1.25rem;
 margin-top: 2rem;
 }
 .pillar-card {
 background: #0b1f3b;
 border-radius: 10px;
 padding: 2rem 1.75rem;
 }
 .pillar-title {
 font-size: 1.2rem;
 font-weight: 700;
 color: #fff;
 margin-bottom: 0.75rem;
 letter-spacing: -0.01em;
 }
 .pillar-text {
 font-size: 0.95rem;
 color: #94a3b8;
 line-height: 1.7;
 font-weight: 300;
 }

 /* ─── STATS ─── */
 /* (stats CSS removed — replaced by science-card grid above) */
 .stats-link::after {
 content: " →";
 }

 /* ─── CTA ─── */
 .cta-section {
 padding: 5rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .cta-section h2 {
 font-size: clamp(1.8rem, 3vw, 2.4rem);
 font-weight: 700;
 margin-bottom: 0.75rem;
 color: #fff;
 }
 .cta-section p {
 font-size: 1.1rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 2rem;
 max-width: 520px;
 margin-left: auto;
 margin-right: auto;
 }
 .cta-btns {
 display: flex;
 gap: 1rem;
 justify-content: center;
 }
 .divider {
 border-top: 1px solid #e2e8f0;
 max-width: 1140px;
 margin: 0 auto;
 }

 @media (max-width: 768px) {
 .inst-hero {
 padding: 5.5rem 0 4rem;
 }
 .section {
 padding: 3rem 1.25rem;
 }
 .inst-narrative {
 padding: 3rem 1.25rem;
 }
 .prod-grid {
 grid-template-columns: 1fr;
 }
 .pillar-grid {
 grid-template-columns: 1fr;
 }
 .badge-grid {
 grid-template-columns: 1fr 1fr;
 gap: 1.5rem;
 }
 .data-card {
 padding: 1.5rem;
 }
 .science-grid {
 grid-template-columns: repeat(2, 1fr);
 }
 .science-block {
 padding: 3rem 1.25rem;
 }
 .inst-ctas {
 flex-direction: column;
 }
 .cta-btns {
 flex-direction: column;
 align-items: center;
 }
 }
 @media (min-width: 1024px) {
 .inst-hero .inst-inner {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 }
&lt;/style&gt;

&lt;!-- ─── HERO ─── --&gt;
&lt;div class="inst-hero"&gt;
 &lt;div class="inst-inner"&gt;
 &lt;p class="inst-label"&gt;Institutional Investors&lt;/p&gt;</description></item><item><title>Liquidity Planning</title><link>https://qft-analytics.com/platform/liquidity-planning/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/platform/liquidity-planning/</guid><description>&lt;h2&gt;Liquidity Planning for Private Markets&lt;/h2&gt;
&lt;p&gt;
 Liquidity planning is where private markets portfolio construction becomes operational. Teams do not just decide
 which funds or archetypes to back. They also need to understand when capital will be called, when distributions are
 likely to return, and how those flows affect portfolio-level liquidity reserves over time.
&lt;/p&gt;
&lt;p&gt;
 QFT turns that planning problem into a structured, transparent workflow. Instead of relying on static pacing rules
 or spreadsheet heuristics, investment teams can model new commitments, compare funding paths, and see how each
 decision changes the liquidity profile of the full portfolio.
&lt;/p&gt;</description></item><item><title>Pipeline Management</title><link>https://qft-analytics.com/platform/pipeline-management/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/platform/pipeline-management/</guid><description>&lt;h2&gt;Why This Matters&lt;/h2&gt;
&lt;ul&gt;
 &lt;li&gt;A single source of truth for all fund opportunities under review&lt;/li&gt;
 &lt;li&gt;Configurable stages that match your team's actual decision process&lt;/li&gt;
 &lt;li&gt;Consistent evaluation criteria applied across every fund&lt;/li&gt;
 &lt;li&gt;Full audit trail from sourcing to commitment&lt;/li&gt;
&lt;/ul&gt;</description></item><item><title>Portfolio Planning Methodology</title><link>https://qft-analytics.com/methodology/planning/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/methodology/planning/</guid><description>&lt;style&gt;
 .meth {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }
 .meth-hero {
 padding: 5.5rem 2.5rem 2.5rem;
 max-width: 800px;
 margin: 0 auto;
 }
 .meth-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.35rem;
 }
 .meth-h1 {
 font-size: clamp(1.6rem, 3vw, 2.2rem);
 font-weight: 700;
 color: #0f172a;
 letter-spacing: -0.03em;
 line-height: 1.15;
 margin-bottom: 0.75rem;
 }
 .meth-lead {
 font-size: 1rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 margin-bottom: 1.5rem;
 }
 .meth-section {
 padding: 0 2.5rem 2.5rem;
 max-width: 800px;
 margin: 0 auto;
 }
 .meth-h2 {
 font-size: 1.25rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .meth-h3 {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.4rem;
 margin-top: 1.25rem;
 }
 .meth-p {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 margin-bottom: 0.75rem;
 }
 .meth-strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .meth-divider {
 border-top: 1px solid #e2e8f0;
 max-width: 800px;
 margin: 0 auto 2rem;
 }
 .meth-highlight {
 background: #fff;
 border-left: 3px solid #0b1f3b;
 border-radius: 0 8px 8px 0;
 padding: 1rem 1.25rem;
 margin: 1.25rem 0;
 }
 .meth-highlight-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.3rem;
 }
 .meth-highlight p {
 font-size: 0.85rem;
 color: #475569;
 line-height: 1.6;
 font-weight: 300;
 }
 .meth-two {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.25rem;
 margin: 1.25rem 0;
 }
 .meth-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 }
 .meth-card-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.4rem;
 }
 .meth-card-title {
 font-size: 0.9rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.25rem;
 }
 .meth-card-text {
 font-size: 0.8rem;
 color: #64748b;
 line-height: 1.6;
 font-weight: 300;
 }
 .meth-refs {
 margin-top: 1.5rem;
 }
 .meth-ref {
 font-size: 0.75rem;
 color: #64748b;
 line-height: 1.6;
 margin-bottom: 0.3rem;
 }
 .meth-cta {
 padding: 3rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .meth-cta h2 {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 color: #fff;
 }
 .meth-cta p {
 font-size: 0.9rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.25rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
 @media (max-width: 768px) {
 .meth-two {
 grid-template-columns: 1fr;
 }
 }
&lt;/style&gt;

&lt;div class="meth"&gt;
 &lt;div class="meth-hero"&gt;
 &lt;p class="meth-label"&gt;Methodology&lt;/p&gt;</description></item><item><title>Portfolio Planning Methodology</title><link>https://qft-analytics.com/products/planning/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/products/planning/</guid><description>&lt;style&gt;
 .meth {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }
 .meth-hero {
 padding: 5.5rem 2.5rem 2.5rem;
 max-width: 1140px;
 margin: 0 auto;
 }
 .meth-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.35rem;
 }
 .meth-h1 {
 font-size: clamp(1.6rem, 3vw, 2.2rem);
 font-weight: 700;
 color: #0f172a;
 letter-spacing: -0.03em;
 line-height: 1.15;
 margin-bottom: 0.75rem;
 }
 .meth-lead {
 font-size: 1rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 margin-bottom: 1.5rem;
 }
 .meth-section {
 padding: 0 2.5rem 2.5rem;
 max-width: 1140px;
 margin: 0 auto;
 }
 .meth-h2 {
 font-size: 1.25rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .meth-h3 {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.4rem;
 margin-top: 1.25rem;
 }
 .meth-p {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 margin-bottom: 0.75rem;
 }
 .meth-strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .meth-divider {
 border-top: 1px solid #e2e8f0;
 max-width: 1140px;
 margin: 0 auto 2rem;
 }
 .meth-highlight {
 background: #fff;
 border-left: 3px solid #0b1f3b;
 border-radius: 0 8px 8px 0;
 padding: 1rem 1.25rem;
 margin: 1.25rem 0;
 }
 .meth-highlight-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.3rem;
 }
 .meth-highlight p {
 font-size: 0.85rem;
 color: #475569;
 line-height: 1.6;
 font-weight: 300;
 }
 .meth-two {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.25rem;
 margin: 1.25rem 0;
 }
 .meth-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 }
 .meth-card-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.4rem;
 }
 .meth-card-title {
 font-size: 0.9rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.25rem;
 }
 .meth-card-text {
 font-size: 0.8rem;
 color: #64748b;
 line-height: 1.6;
 font-weight: 300;
 }
 .meth-refs {
 margin-top: 1.5rem;
 }
 .meth-ref {
 font-size: 0.75rem;
 color: #64748b;
 line-height: 1.6;
 margin-bottom: 0.3rem;
 }
 .meth-cta {
 padding: 3rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .meth-cta h2 {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 color: #fff;
 }
 .meth-cta p {
 font-size: 0.9rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.25rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
 @media (max-width: 768px) {
 .meth-two {
 grid-template-columns: 1fr;
 }
 }
&lt;/style&gt;

&lt;div class="meth"&gt;
 &lt;div class="meth-hero"&gt;
 &lt;p class="meth-label"&gt;Methodology&lt;/p&gt;</description></item><item><title>Private Markets Execution — Powered by Data</title><link>https://qft-analytics.com/managed-services/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/managed-services/</guid><description>&lt;h2&gt;Institutional execution without building a large team&lt;/h2&gt;
&lt;p&gt;
 QFT Managed Services support investors who want institutional-grade private markets execution without expanding
 internal resources. We handle fund sourcing, analysis, benchmarking, and portfolio construction — all powered by the
 same proprietary platform and research used across QFT.
&lt;/p&gt;

&lt;h2&gt;Scope of Services&lt;/h2&gt;
&lt;ul&gt;
 &lt;li&gt;Fund sourcing and pre-screening&lt;/li&gt;
 &lt;li&gt;Quantitative fund manager analysis&lt;/li&gt;
 &lt;li&gt;Proprietary benchmarking and peer comparison&lt;/li&gt;
 &lt;li&gt;Investment memo preparation&lt;/li&gt;
 &lt;li&gt;Portfolio construction and monitoring&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Systematic, transparent, and aligned&lt;/h2&gt;
&lt;p&gt;
 Unlike traditional advisory models, QFT Managed Services are built on a transparent, data-driven decision framework.
 Clients retain full visibility into how decisions are made, while benefiting from a scalable and repeatable process
 tested on real capital.
&lt;/p&gt;</description></item><item><title>QFT Expands Coverage to 20,000 Proprietary LBO Benchmarks</title><link>https://qft-analytics.com/insights/20000-lbo-benchmarks-coverage/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/insights/20000-lbo-benchmarks-coverage/</guid><description>&lt;div class="insd"&gt;
 &lt;section class="insd-hero ins-cover--company-news"&gt;
 &lt;div class="insd-hero-inner"&gt;
 &lt;a class="insd-back" href="./insights/"&gt;Back to Insights&lt;/a&gt;
 &lt;span class="insd-tag insd-tag--company-news"&gt;
 &lt;span class="ins-type-icon"&gt;
 &lt;svg
 viewBox="0 0 16 16"
 fill="none"
 stroke="currentColor"
 stroke-width="1.5"
 stroke-linecap="round"
 stroke-linejoin="round"
 &gt;
 &lt;path d="M3.5 14V2.5" /&gt;
 &lt;path d="M3.5 2.5h8l-2 3 2 3h-8" /&gt;
 &lt;/svg&gt;
 &lt;/span&gt;
 Company News
 &lt;/span&gt;
 &lt;h1 class="insd-title"&gt;QFT Expands Coverage to 20,000 Proprietary LBO Benchmarks&lt;/h1&gt;
 &lt;div class="insd-meta"&gt;
 &lt;span class="insd-author"&gt;
 &lt;span class="insd-author-photo"&gt;
 &lt;img src="./images/team-headshots/aj.jpg" alt="Alexander J&amp;uuml;rgens" loading="lazy" /&gt;
 &lt;/span&gt;
 &lt;span class="insd-author-text"&gt;
 &lt;span class="insd-author-name"&gt;Dr. Alexander J&amp;uuml;rgens&lt;/span&gt;
 &lt;span class="insd-author-role"&gt;Managing Director&lt;/span&gt;
 &lt;/span&gt;
 &lt;/span&gt;
 &lt;span class="insd-date"&gt;December 2025&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/section&gt;

 &lt;section class="insd-body"&gt;
 &lt;div class="insd-body-inner"&gt;
 &lt;p class="insd-intro"&gt;
 QFT's proprietary LBO benchmark dataset has passed 20,000 deal-level observations. The expansion extends
 coverage back to the early 1980s and adds deeper coverage across European mid-market, Nordic, and DACH
 transactions, where published data has historically been thin.
 &lt;/p&gt;</description></item><item><title>Separating Skill from Luck: A Quantitative Framework for GP Evaluation</title><link>https://qft-analytics.com/insights/skill-vs-luck-gp-evaluation/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/insights/skill-vs-luck-gp-evaluation/</guid><description>&lt;div class="insd"&gt;
 &lt;section class="insd-hero ins-cover--white-paper"&gt;
 &lt;div class="insd-hero-inner"&gt;
 &lt;a class="insd-back" href="./insights/"&gt;Back to Insights&lt;/a&gt;
 &lt;span class="insd-tag insd-tag--white-paper"&gt;
 &lt;span class="ins-type-icon"&gt;
 &lt;svg
 viewBox="0 0 16 16"
 fill="none"
 stroke="currentColor"
 stroke-width="1.4"
 stroke-linecap="round"
 stroke-linejoin="round"
 &gt;
 &lt;path d="M3.5 2h6l3 3v9H3.5z" /&gt;
 &lt;path d="M9 2v3h3.5" /&gt;
 &lt;path d="M5.5 8h5M5.5 10h5M5.5 12h3" /&gt;
 &lt;/svg&gt;
 &lt;/span&gt;
 White Paper
 &lt;/span&gt;
 &lt;h1 class="insd-title"&gt;Separating Skill from Luck: A Quantitative Framework for GP Evaluation&lt;/h1&gt;
 &lt;div class="insd-meta"&gt;
 &lt;span class="insd-author"&gt;
 &lt;span class="insd-author-photo"&gt;
 &lt;img src="./images/team-headshots/rb.jpg" alt="Reiner Braun" loading="lazy" /&gt;
 &lt;/span&gt;
 &lt;span class="insd-author-text"&gt;
 &lt;span class="insd-author-name"&gt;Prof. Dr. Reiner Braun&lt;/span&gt;
 &lt;span class="insd-author-role"&gt;Founder &amp;amp; Strategic Partnerships&lt;/span&gt;
 &lt;/span&gt;
 &lt;/span&gt;
 &lt;span class="insd-date"&gt;March 2026&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/section&gt;

 &lt;section class="insd-body"&gt;
 &lt;div class="insd-body-inner"&gt;
 &lt;p class="insd-intro"&gt;
 Manager rankings in private equity have historically suffered from a statistical problem that is rarely
 acknowledged: fund-level performance is observed with too few data points to reliably separate
 systematic manager skill from the noise of market exposure, sector tailwinds, and deal-specific luck.
 This paper introduces the calibration framework QFT uses to decompose observed returns into attributable
 and non-attributable components.
 &lt;/p&gt;</description></item><item><title>Single Family Offices</title><link>https://qft-analytics.com/audiences/single-family-offices/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/audiences/single-family-offices/</guid><description>&lt;style&gt;
 /* ─── BASE ─── */
 .sfo-inner,
 .rating-callout-inner,
 .science-inner {
 width: 100%;
 max-width: var(--page-shell-max-width);
 margin: 0 auto;
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 }

 /* ─── HERO (DARK, MATCHING PRODUCTS/RATING) ─── */
 .sfo-hero {
 position: relative;
 padding: 6rem 0 5rem;
 background: linear-gradient(180deg, #04060a 0%, #0b1220 55%, #0f172a 100%);
 color: #f8fafc;
 overflow: hidden;
 }
 .sfo-label {
 font-family: "Inter", sans-serif;
 font-size: 0.78rem;
 font-weight: 600;
 letter-spacing: 0.22em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin-bottom: 1.5rem;
 }
 .sfo-h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.65rem, 3.6vw, 3.15rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #f8fafc;
 margin-bottom: 1.5rem;
 max-width: 760px;
 }
 .sfo-sub {
 font-size: 1.05rem;
 color: #94a3b8;
 font-weight: 300;
 line-height: 1.65;
 max-width: 520px;
 margin-bottom: 2.25rem;
 }
 .sfo-ctas {
 display: flex;
 gap: 0.75rem;
 flex-wrap: wrap;
 }
 /* ─── NARRATIVE ─── */
 .sfo-narrative {
 padding: 5rem 0;
 background: #fff;
 }
 .sfo-narrative-inner {
 width: 100%;
 max-width: var(--page-shell-max-width);
 margin: 0 auto;
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 }
 .sfo-narrative-inner &gt; * {
 width: 100%;
 max-width: 720px;
 }
 .sfo-narrative-body {
 font-size: 1.2rem;
 color: #475569;
 line-height: 1.9;
 font-weight: 300;
 margin-bottom: 1.75rem;
 }
 .sfo-narrative-transition {
 font-size: 1.2rem;
 color: #0b1f3b;
 font-weight: 600;
 line-height: 1.5;
 padding-top: 1.5rem;
 border-top: 1px solid #e2e8f0;
 }

 /* ─── SECTIONS ─── */
 .section {
 padding: 4rem 0;
 }
 .sec-label {
 font-size: 0.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.6rem;
 }
 .sec-title {
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #0f172a;
 margin-bottom: 1rem;
 letter-spacing: -0.02em;
 }
 .sec-text {
 font-size: 1.05rem;
 color: #64748b;
 line-height: 1.75;
 font-weight: 300;
 max-width: 640px;
 }

 /* ─── RATING CALLOUT ─── */
 .rating-callout {
 padding: 2.5rem 0;
 background: #f8fafc;
 border-top: 1px solid #e2e8f0;
 border-bottom: 1px solid #e2e8f0;
 }
 .rating-callout-inner {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 2rem;
 flex-wrap: wrap;
 }
 .rating-callout-label {
 font-size: 0.75rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.4rem;
 }
 .rating-callout-title {
 font-size: 1.15rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.5rem;
 letter-spacing: -0.01em;
 }
 .rating-callout-text {
 font-size: 0.95rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 max-width: 560px;
 }
 .rating-callout-link {
 font-size: 0.85rem;
 font-weight: 600;
 color: #0b1f3b;
 text-decoration: none;
 white-space: nowrap;
 display: inline-block;
 margin-top: 1rem;
 }
 .rating-callout-link:hover {
 text-decoration: underline;
 }
 .rating-callout-link::after {
 content: " →";
 }

 /* ─── BUILT ON SCIENCE ─── */
 .science-block {
 padding: 4rem 0;
 background: #f1f5f9;
 border-top: 1px solid #e2e8f0;
 }
 .science-label {
 font-size: 0.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.6rem;
 }
 .science-title {
 font-size: clamp(1.4rem, 2.5vw, 1.75rem);
 font-weight: 600;
 color: #0f172a;
 margin-bottom: 0.5rem;
 letter-spacing: -0.02em;
 }
 .science-sub {
 font-size: 1rem;
 color: #475569;
 margin-bottom: 2rem;
 }
 .science-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 1.25rem;
 }
 .science-card {
 background: #ffffff;
 border: 1px solid #e2e8f0;
 border-radius: 16px;
 padding: 1.5rem;
 box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
 }
 .science-card-label {
 font-size: 0.7rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.12em;
 color: #64748b;
 }
 .science-card-val {
 font-size: 2.25rem;
 font-weight: 700;
 color: #0b1f3b;
 line-height: 1;
 margin-top: 0.75rem;
 }
 .science-card-desc {
 font-size: 0.875rem;
 color: #475569;
 line-height: 1.5;
 margin-top: 0.75rem;
 }
 .science-card-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: #0b5a54;
 font-weight: 600;
 text-decoration: none;
 }
 .science-card-link:hover {
 text-decoration: underline;
 }
 /* (science-link removed — replaced by science-card-link) */

 /* ─── PILLARS ─── */
 .pillar-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 1.25rem;
 margin-top: 2rem;
 }
 .pillar-card {
 background: #0b1f3b;
 border-radius: 10px;
 padding: 2rem 1.75rem;
 }
 .pillar-title {
 font-size: 1.2rem;
 font-weight: 700;
 color: #fff;
 margin-bottom: 0.75rem;
 letter-spacing: -0.01em;
 }
 .pillar-text {
 font-size: 0.95rem;
 color: #94a3b8;
 line-height: 1.7;
 font-weight: 300;
 }

 /* ─── DATA SECURITY ─── */
 .data-card {
 border-radius: 20px;
 background:
 radial-gradient(120% 80% at 100% 0%, rgba(96, 165, 250, 0.12) 0%, rgba(15, 23, 42, 0) 60%),
 linear-gradient(180deg, rgba(20, 24, 38, 0.9) 0%, rgba(12, 16, 28, 0.9) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 padding: 2.5rem;
 }
 .data-card-header {
 margin-bottom: 2rem;
 }
 .data-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.12em;
 color: var(--ci-ice);
 margin-bottom: 0.6rem;
 }
 .data-card-title {
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #ffffff;
 letter-spacing: -0.02em;
 }
 .badge-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 2rem;
 }
 .badge-icon {
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.08);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 0.75rem;
 }
 .badge-card-label {
 font-size: 0.85rem;
 font-weight: 600;
 color: #ffffff;
 margin-bottom: 0.4rem;
 }
 .badge-card-text {
 font-size: 0.8rem;
 color: #94a3b8;
 line-height: 1.6;
 font-weight: 300;
 }
 .badge-card-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: #0b5a54;
 font-weight: 600;
 text-decoration: none;
 }
 .badge-card-link:hover {
 text-decoration: underline;
 }

 /* ─── PRODUCT CARDS ─── */
 .prod-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.25rem;
 margin-top: 2rem;
 }
 .prod-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 2rem;
 display: flex;
 flex-direction: column;
 }
 .prod-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.5rem;
 }
 .prod-card-title {
 font-size: 1.1rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 }
 .prod-card-text {
 font-size: 0.95rem;
 color: #64748b;
 line-height: 1.7;
 font-weight: 300;
 margin-bottom: 1.5rem;
 flex: 1;
 }
 .prod-card-link {
 font-size: 0.85rem;
 font-weight: 600;
 color: #0b1f3b;
 text-decoration: none;
 margin-top: auto;
 }
 .prod-card-link:hover {
 text-decoration: underline;
 }
 .prod-card-link::after {
 content: " →";
 }

 /* (stats CSS removed — replaced by science-card grid above) */

 /* ─── CTA ─── */
 .cta-section {
 padding: 5rem var(--page-shell-gutter-mobile);
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .cta-section h2 {
 font-size: clamp(1.8rem, 3vw, 2.4rem);
 font-weight: 700;
 margin-bottom: 0.75rem;
 color: #fff;
 }
 .cta-section p {
 font-size: 1.1rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 2rem;
 max-width: 520px;
 margin-left: auto;
 margin-right: auto;
 }
 .cta-btns {
 display: flex;
 gap: 1rem;
 justify-content: center;
 }
 .divider {
 border-top: 1px solid #e2e8f0;
 width: calc(100% - (var(--page-shell-gutter-mobile) * 2));
 max-width: calc(var(--page-shell-max-width) - (var(--page-shell-gutter-mobile) * 2));
 margin: 0 auto;
 }

 @media (max-width: 768px) {
 .sfo-hero {
 padding: 5.5rem 0 4rem;
 }
 .section {
 padding: 3rem 0;
 }
 .sfo-narrative {
 padding: 3rem 0;
 }
 .prod-grid {
 grid-template-columns: 1fr;
 }
 .pillar-grid {
 grid-template-columns: 1fr;
 }
 .badge-grid {
 grid-template-columns: 1fr 1fr;
 gap: 1.5rem;
 }
 .data-card {
 padding: 1.5rem;
 }
 .science-grid {
 grid-template-columns: repeat(2, 1fr);
 }
 .science-block {
 padding: 3rem 0;
 }
 .sfo-ctas {
 flex-direction: column;
 }
 .cta-btns {
 flex-direction: column;
 align-items: center;
 }
 }
 @media (min-width: 1024px) {
 .sfo-inner,
 .rating-callout-inner,
 .science-inner,
 .sfo-narrative-inner {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 .cta-section {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 .divider {
 width: calc(100% - (var(--page-shell-gutter-desktop) * 2));
 max-width: calc(var(--page-shell-max-width) - (var(--page-shell-gutter-desktop) * 2));
 }
 }
&lt;/style&gt;

&lt;!-- ─── HERO ─── --&gt;
&lt;div class="sfo-hero"&gt;
 &lt;div class="sfo-inner"&gt;
 &lt;p class="sfo-label"&gt;Single Family Offices&lt;/p&gt;</description></item><item><title>Strategic Asset Allocation</title><link>https://qft-analytics.com/platform/strategic-asset-allocation/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/platform/strategic-asset-allocation/</guid><description>&lt;h2&gt;Strategic Asset Allocation for Private Markets&lt;/h2&gt;
&lt;p&gt;
 Strategic Asset Allocation (SAA) is the policy layer of a long-term portfolio. It defines how much risk to take,
 where to allocate capital across asset classes, and how to keep decisions consistent across market cycles. In
 private markets, this is especially important because commitment pacing, liquidity, and manager selection are
 tightly linked.
&lt;/p&gt;
&lt;p&gt;
 QFT provides a quantitative SAA framework designed for institutional investors who need more than broad heuristics.
 The objective is simple: build a private-markets allocation that is robust, comparable, and implementable.
&lt;/p&gt;</description></item><item><title>Systematic Private Equity Investing</title><link>https://qft-analytics.com/pe-alpha-fund/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/pe-alpha-fund/</guid><description>&lt;h2&gt;Applying decision intelligence to capital allocation&lt;/h2&gt;
&lt;p&gt;
 The QFT PE Alpha Fund is a European private equity fund-of-funds that applies the same systematic manager selection
 engine used in our platform and managed services. The strategy focuses on identifying fund managers with persistent
 skill while reducing dispersion and downside risk.
&lt;/p&gt;

&lt;h2&gt;From research to real capital&lt;/h2&gt;
&lt;p&gt;
 Built on decades of academic research and validated using real investment data, the QFT selection framework
 emphasizes ex-ante indicators of manager skill, value creation, and risk. The objective is not to chase past
 performance, but to improve decision quality before capital is committed.
&lt;/p&gt;</description></item><item><title>The (No-Longer) Hidden Risk in Illiquid Assets: Time</title><link>https://qft-analytics.com/insights/time-risk/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/insights/time-risk/</guid><description>&lt;div class="insd"&gt;
 &lt;section class="insd-hero ins-cover--white-paper"&gt;
 &lt;div class="insd-hero-inner"&gt;
 &lt;a class="insd-back" href="./insights/"&gt;Back to Insights&lt;/a&gt;
 &lt;span class="insd-tag insd-tag--white-paper"&gt;
 &lt;span class="ins-type-icon"&gt;
 &lt;svg
 viewBox="0 0 16 16"
 fill="none"
 stroke="currentColor"
 stroke-width="1.4"
 stroke-linecap="round"
 stroke-linejoin="round"
 &gt;
 &lt;path d="M3.5 2h6l3 3v9H3.5z" /&gt;
 &lt;path d="M9 2v3h3.5" /&gt;
 &lt;path d="M5.5 8h5M5.5 10h5M5.5 12h3" /&gt;
 &lt;/svg&gt;
 &lt;/span&gt;
 White Paper
 &lt;/span&gt;
 &lt;h1 class="insd-title"&gt;The (No-Longer) Hidden Risk in Illiquid Assets: Time&lt;/h1&gt;
 &lt;div class="insd-meta"&gt;
 &lt;span class="insd-author"&gt;
 &lt;span class="insd-author-photo"&gt;
 &lt;img src="./images/team-headshots/rb.jpg" alt="Reiner Braun" loading="lazy" /&gt;
 &lt;/span&gt;
 &lt;span class="insd-author-text"&gt;
 &lt;span class="insd-author-name"&gt;Prof. Dr. Reiner Braun&lt;/span&gt;
 &lt;span class="insd-author-role"&gt;Founder &amp;amp; Strategic Partnerships&lt;/span&gt;
 &lt;/span&gt;
 &lt;/span&gt;
 &lt;span class="insd-date"&gt;March 2026&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/section&gt;

 &lt;section class="insd-body"&gt;
 &lt;div class="insd-body-inner"&gt;
 &lt;p class="insd-intro"&gt;
 The rise of alternative investments has exposed a fundamental gap in how we think about risk.
 Traditional portfolio theory treats illiquidity as a constraint, something to optimize around. This
 perspective is incomplete. In illiquid markets, time
 &lt;em&gt;is&lt;/em&gt;
 the risk.
 &lt;/p&gt;</description></item><item><title>The Persistence Problem: Does GP Track Record Actually Predict Future Performance?</title><link>https://qft-analytics.com/insights/persistence-problem-gp-track-record/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/insights/persistence-problem-gp-track-record/</guid><description>&lt;div class="insd"&gt;
 &lt;section class="insd-hero ins-cover--blog-post"&gt;
 &lt;div class="insd-hero-inner"&gt;
 &lt;a class="insd-back" href="./insights/"&gt;Back to Insights&lt;/a&gt;
 &lt;span class="insd-tag insd-tag--blog-post"&gt;
 &lt;span class="ins-type-icon"&gt;
 &lt;svg
 viewBox="0 0 16 16"
 fill="none"
 stroke="currentColor"
 stroke-width="1.4"
 stroke-linecap="round"
 stroke-linejoin="round"
 &gt;
 &lt;path
 d="M2.5 3.5h11a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H7l-3 2.5v-2.5H2.5a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1z"
 /&gt;
 &lt;/svg&gt;
 &lt;/span&gt;
 Blog Post
 &lt;/span&gt;
 &lt;h1 class="insd-title"&gt;
 The Persistence Problem: Does GP Track Record Actually Predict Future Performance?
 &lt;/h1&gt;
 &lt;div class="insd-meta"&gt;
 &lt;span class="insd-author"&gt;
 &lt;span class="insd-author-photo"&gt;
 &lt;img src="./images/team-headshots/mk.jpg" alt="Max Knicker" loading="lazy" /&gt;
 &lt;/span&gt;
 &lt;span class="insd-author-text"&gt;
 &lt;span class="insd-author-name"&gt;Dr. Max Knicker&lt;/span&gt;
 &lt;span class="insd-author-role"&gt;Head of Product&lt;/span&gt;
 &lt;/span&gt;
 &lt;/span&gt;
 &lt;span class="insd-date"&gt;November 2025&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/section&gt;

 &lt;section class="insd-body"&gt;
 &lt;div class="insd-body-inner"&gt;
 &lt;p class="insd-intro"&gt;
 The intuitive case for backing experienced GPs is strong: if a manager delivered top-quartile returns
 last time, surely that is informative about what they might deliver next. The academic evidence on this
 question is more nuanced than the intuition suggests, and the nuance matters for how LPs should approach
 manager selection.
 &lt;/p&gt;</description></item><item><title>Three ways to engage with QFT</title><link>https://qft-analytics.com/offerings/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/offerings/</guid><description>&lt;style&gt;
 .off-sec {
 padding: 4rem 2.5rem;
 background: #f8fafc;
 font-family: "Inter", sans-serif;
 }
 .off-inner {
 max-width: 1140px;
 margin: 0 auto;
 }
 .off-data-card {
 border-radius: 20px;
 background:
 radial-gradient(ellipse at 30% 0%, rgba(96, 165, 250, 0.12) 0%, transparent 60%),
 linear-gradient(180deg, #0f172a 0%, #0b1220 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 padding: 2.5rem;
 }
 .off-data-card-header {
 margin-bottom: 2rem;
 }
 .off-data-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.12em;
 color: var(--ci-ice);
 margin-bottom: 0.6rem;
 }
 .off-data-card-title {
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #ffffff;
 letter-spacing: -0.02em;
 }
 .off-badge-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 2rem;
 }
 .off-badge-icon {
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.08);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 0.75rem;
 }
 .off-badge-label {
 font-size: 0.85rem;
 font-weight: 600;
 color: #ffffff;
 margin-bottom: 0.4rem;
 }
 .off-badge-text {
 font-size: 0.8rem;
 color: #94a3b8;
 line-height: 1.6;
 font-weight: 300;
 }
 .off-badge-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: var(--ci-ice);
 font-weight: 600;
 text-decoration: none;
 }
 .off-badge-link:hover {
 text-decoration: underline;
 }
 @media (max-width: 768px) {
 .off-sec {
 padding: 3rem 1.25rem;
 }
 .off-data-card {
 padding: 1.5rem;
 }
 .off-badge-grid {
 grid-template-columns: 1fr 1fr;
 }
 }
&lt;/style&gt;

&lt;p&gt;QFT offers institutional software designed to support decision-making before capital is committed.&lt;/p&gt;</description></item><item><title>What Investors Get Wrong About Alpha</title><link>https://qft-analytics.com/insights/beyond-alpha/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/insights/beyond-alpha/</guid><description>&lt;style&gt;
 .insd-footnotes {
 margin-top: 3rem;
 padding-top: 1.5rem;
 border-top: 1px solid #e2e8f0;
 }
 .insd-footnotes h3 {
 font-family: "Inter", sans-serif;
 font-size: 0.85rem;
 font-weight: 600;
 color: #0f172a;
 margin-bottom: 0.75rem;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 }
 .insd-footnotes ol {
 padding-left: 1.25rem;
 margin: 0;
 }
 .insd-footnotes li {
 font-size: 0.82rem;
 color: #64748b;
 line-height: 1.6;
 margin-bottom: 0.5rem;
 }
 .insd-footnotes a {
 color: #3b6bd5;
 text-decoration: none;
 }
 .insd-footnotes a:hover {
 text-decoration: underline;
 }
 .insd-body-inner sup a {
 color: #3b6bd5;
 text-decoration: none;
 font-weight: 600;
 }
 .insd-body-inner sup a:hover {
 text-decoration: underline;
 }
&lt;/style&gt;
&lt;div class="insd"&gt;
 &lt;section class="insd-hero ins-cover--white-paper"&gt;
 &lt;div class="insd-hero-inner"&gt;
 &lt;a class="insd-back" href="./insights/"&gt;Back to Insights&lt;/a&gt;
 &lt;span class="insd-tag insd-tag--white-paper"&gt;
 &lt;span class="ins-type-icon"&gt;
 &lt;svg
 viewBox="0 0 16 16"
 fill="none"
 stroke="currentColor"
 stroke-width="1.4"
 stroke-linecap="round"
 stroke-linejoin="round"
 &gt;
 &lt;path d="M3.5 2h6l3 3v9H3.5z" /&gt;
 &lt;path d="M9 2v3h3.5" /&gt;
 &lt;path d="M5.5 8h5M5.5 10h5M5.5 12h3" /&gt;
 &lt;/svg&gt;
 &lt;/span&gt;
 White Paper
 &lt;/span&gt;
 &lt;h1 class="insd-title"&gt;What Investors Get Wrong About Alpha&lt;/h1&gt;
 &lt;div class="insd-meta"&gt;
 &lt;span class="insd-author"&gt;
 &lt;span class="insd-author-photo"&gt;
 &lt;img src="./images/team-headshots/rb.jpg" alt="Reiner Braun" loading="lazy" /&gt;
 &lt;/span&gt;
 &lt;span class="insd-author-text"&gt;
 &lt;span class="insd-author-name"&gt;Prof. Dr. Reiner Braun&lt;/span&gt;
 &lt;span class="insd-author-role"&gt;Founder &amp;amp; Strategic Partnerships&lt;/span&gt;
 &lt;/span&gt;
 &lt;/span&gt;
 &lt;span class="insd-date"&gt;March 2026&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/section&gt;

 &lt;section class="insd-body"&gt;
 &lt;div class="insd-body-inner"&gt;
 &lt;p class="insd-intro"&gt;
 Conversations about investment returns tend to collapse everything into a single question: did the
 manager outperform? The answer is treated as evidence of skill, and skill is treated as the reason to
 invest. This is too simple.
 &lt;/p&gt;</description></item><item><title>Why 90% of GPs Remain Unassessed and What That Costs Allocators</title><link>https://qft-analytics.com/insights/90-percent-gps-unassessed/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/insights/90-percent-gps-unassessed/</guid><description>&lt;div class="insd"&gt;
 &lt;section class="insd-hero ins-cover--industry-insight"&gt;
 &lt;div class="insd-hero-inner"&gt;
 &lt;a class="insd-back" href="./insights/"&gt;Back to Insights&lt;/a&gt;
 &lt;span class="insd-tag insd-tag--industry-insight"&gt;
 &lt;span class="ins-type-icon"&gt;
 &lt;svg
 viewBox="0 0 16 16"
 fill="none"
 stroke="currentColor"
 stroke-width="1.6"
 stroke-linecap="round"
 stroke-linejoin="round"
 &gt;
 &lt;path d="M2 13l4-4 3 3 5-6" /&gt;
 &lt;path d="M9.5 6h4v4" /&gt;
 &lt;/svg&gt;
 &lt;/span&gt;
 Industry Insight
 &lt;/span&gt;
 &lt;h1 class="insd-title"&gt;Why 90% of GPs Remain Unassessed and What That Costs Allocators&lt;/h1&gt;
 &lt;div class="insd-meta"&gt;
 &lt;span class="insd-author"&gt;
 &lt;span class="insd-author-photo"&gt;
 &lt;img src="./images/team-headshots/aj.jpg" alt="Alexander J&amp;uuml;rgens" loading="lazy" /&gt;
 &lt;/span&gt;
 &lt;span class="insd-author-text"&gt;
 &lt;span class="insd-author-name"&gt;Dr. Alexander J&amp;uuml;rgens&lt;/span&gt;
 &lt;span class="insd-author-role"&gt;Managing Director&lt;/span&gt;
 &lt;/span&gt;
 &lt;/span&gt;
 &lt;span class="insd-date"&gt;February 2026&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/section&gt;

 &lt;section class="insd-body"&gt;
 &lt;div class="insd-body-inner"&gt;
 &lt;p class="insd-intro"&gt;
 Public equities have decades of independent, repeatable coverage. Private markets do not. The estimated
 ten percent of GPs that receive formal third-party research captures the largest brand names, but leaves
 the rest of the market systematically underdiagnosed at the point of commitment.
 &lt;/p&gt;</description></item><item><title>Workflow Tools</title><link>https://qft-analytics.com/products/workflow-tools/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://qft-analytics.com/products/workflow-tools/</guid><description>&lt;style&gt;
 html {
 scroll-behavior: smooth;
 }

 /* ─── HERO (UNTOUCHED) ─── */
 .hero {
 position: relative;
 min-height: 100vh;
 padding: 6rem 0 5rem;
 background: linear-gradient(180deg, #04060a 0%, #0b1220 55%, #0f172a 100%);
 color: #f8fafc;
 overflow: hidden;
 display: flex;
 align-items: center;
 }
 .hero-graphic {
 position: absolute;
 top: -10%;
 right: -15%;
 width: 80%;
 height: 120%;
 pointer-events: none;
 z-index: 1;
 will-change: transform, opacity;
 }
 .hero-graphic svg {
 width: 100%;
 height: 100%;
 display: block;
 overflow: visible;
 }
 .hero-arcs {
 transform-origin: 50% 50%;
 animation: arcDrift 16s ease-in-out infinite alternate;
 }
 .hero-arc {
 fill: none;
 stroke-linecap: round;
 }
 .hero-arc-glow {
 opacity: 0.5;
 animation: arcPulse 7s ease-in-out infinite;
 }
 .hero-arc-glow-2 {
 animation-delay: -2.5s;
 animation-duration: 9s;
 }
 .hero-arc-core {
 opacity: 0.9;
 }
 .hero-arc-pulse {
 stroke: #f0f9ff;
 stroke-width: 2.5;
 fill: none;
 stroke-linecap: round;
 filter: drop-shadow(0 0 6px rgba(219, 234, 254, 0.95)) drop-shadow(0 0 14px rgba(219, 234, 254, 0.7));
 }
 .hero-arc-pulse-a {
 stroke-dasharray: 35 1500;
 stroke-dashoffset: 1535;
 animation: arcFlow 8s linear infinite;
 }
 .hero-arc-pulse-b {
 stroke-dasharray: 28 1500;
 stroke-dashoffset: 1528;
 animation: arcFlow 9s linear 0.2s infinite;
 }
 .hero-arc-pulse-c {
 stroke-dasharray: 22 1500;
 stroke-dashoffset: 1522;
 animation: arcFlow 10s linear 0.4s infinite;
 }
 .hero-arc-pulse-d {
 stroke-dasharray: 18 1500;
 stroke-dashoffset: 1518;
 animation: arcFlow 11s linear 0.6s infinite;
 }
 .hero-arc-pulse-e {
 stroke-dasharray: 15 1500;
 stroke-dashoffset: 1515;
 animation: arcFlow 12s linear 0.8s infinite;
 }
 .hero-burst {
 animation: burstPulse 4s ease-in-out infinite;
 }
 @keyframes arcFlow {
 from {
 stroke-dashoffset: 1535;
 }
 to {
 stroke-dashoffset: -35;
 }
 }
 @keyframes arcPulse {
 0%,
 100% {
 opacity: 0.35;
 }
 50% {
 opacity: 0.65;
 }
 }
 @keyframes arcDrift {
 0% {
 transform: translate3d(0, 0, 0);
 }
 100% {
 transform: translate3d(-8px, 5px, 0);
 }
 }
 @keyframes burstPulse {
 0%,
 100% {
 opacity: 0.3;
 }
 50% {
 opacity: 0.85;
 }
 }
 .hero-inner {
 position: relative;
 z-index: 2;
 max-width: var(--page-shell-max-width);
 width: 100%;
 margin: 0 auto;
 padding-left: var(--page-shell-gutter-mobile);
 padding-right: var(--page-shell-gutter-mobile);
 box-sizing: border-box;
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 gap: 3rem;
 align-items: center;
 }
 .hero-copy {
 max-width: 560px;
 }
 .hero-label {
 font-family: "Inter", sans-serif;
 font-size: 0.78rem;
 font-weight: 600;
 letter-spacing: 0.22em;
 text-transform: uppercase;
 color: var(--ci-ice);
 margin-bottom: 1.5rem;
 }
 .hero-header {
 margin-bottom: 1.5rem;
 }
 .hero-header h1 {
 font-family: "Inter", sans-serif;
 font-size: clamp(1.65rem, 3.6vw, 3.15rem);
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1.1;
 color: #f8fafc;
 }
 .hero-sub {
 font-size: 1.05rem;
 color: #94a3b8;
 font-weight: 300;
 line-height: 1.65;
 max-width: 520px;
 margin-bottom: 2.25rem;
 }
 .hero-ctas {
 display: flex;
 gap: 0.75rem;
 flex-wrap: wrap;
 }
 .hero-scroll {
 position: absolute;
 left: 50%;
 bottom: 1.75rem;
 transform: translateX(-50%);
 color: rgba(226, 232, 240, 0.55);
 opacity: 0;
 animation: heroScrollIn 0.6s ease 2s forwards;
 z-index: 2;
 pointer-events: none;
 }
 .hero-scroll-inner {
 display: block;
 animation: heroScrollBounce 2.2s ease 2.6s infinite;
 }
 .hero-scroll svg {
 width: 22px;
 height: 22px;
 display: block;
 }
 @keyframes heroScrollIn {
 to {
 opacity: 1;
 }
 }
 @keyframes heroScrollBounce {
 0%,
 100% {
 transform: translateY(0);
 }
 50% {
 transform: translateY(8px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
 .hero-scroll-inner,
 .hero-arcs,
 .hero-arc-glow,
 .hero-arc-pulse-a,
 .hero-arc-pulse-b,
 .hero-arc-pulse-c,
 .hero-arc-pulse-d,
 .hero-arc-pulse-e,
 .hero-burst {
 animation: none;
 }
 }

 /* ─── BROWSER CHROME MOCKUP (visual element, kept as-is) ─── */
 .anim-scene {
 position: relative;
 width: 100%;
 height: 440px;
 border-radius: 10px;
 border: 1px solid #e2e8f0;
 background: #fff;
 overflow: hidden;
 box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
 }
 .anim-bar {
 height: 40px;
 background: #fafafa;
 border-bottom: 1px solid #e2e8f0;
 display: flex;
 align-items: center;
 padding: 0 14px;
 gap: 8px;
 }
 .anim-bar-dots {
 display: flex;
 gap: 5px;
 }
 .anim-bar-dot {
 width: 10px;
 height: 10px;
 border-radius: 50%;
 }
 .anim-bar-logo {
 font-size: 0.75rem;
 font-weight: 700;
 color: #0b1f3b;
 letter-spacing: 0.04em;
 margin-left: 10px;
 }
 .anim-bar-nav {
 margin-left: auto;
 display: flex;
 gap: 14px;
 }
 .anim-bar-nav span {
 font-size: 0.55rem;
 color: #94a3b8;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 }
 .anim-bar-nav span.act {
 color: #0b1f3b;
 font-weight: 600;
 border-bottom: 1px solid #0b1f3b;
 padding-bottom: 2px;
 }
 .anim-sidebar {
 position: absolute;
 left: 0;
 top: 40px;
 width: 180px;
 height: calc(100% - 40px);
 background: #fafafa;
 border-right: 1px solid #e2e8f0;
 padding: 14px 12px;
 z-index: 2;
 }
 .sb-org {
 font-size: 0.62rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 12px;
 display: flex;
 align-items: center;
 gap: 6px;
 }
 .sb-org-icon {
 width: 14px;
 height: 14px;
 border-radius: 3px;
 background: #0b1f3b;
 }
 .sb-label {
 font-size: 0.48rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 color: #94a3b8;
 margin-top: 10px;
 margin-bottom: 5px;
 padding-left: 6px;
 }
 .sb-item {
 font-size: 0.58rem;
 color: #64748b;
 padding: 5px 8px;
 border-radius: 4px;
 margin-bottom: 2px;
 display: flex;
 align-items: center;
 gap: 6px;
 }
 .sb-item.act {
 background: #f1f5f9;
 color: #0b1f3b;
 font-weight: 600;
 }
 .sb-item-icon {
 font-size: 0.6rem;
 width: 12px;
 }
 .anim-main {
 position: absolute;
 left: 180px;
 top: 40px;
 right: 0;
 bottom: 0;
 background: #f8fafc;
 padding: 14px;
 overflow: hidden;
 }
 .kanban-hdr {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 12px;
 }
 .kanban-title {
 font-size: 0.72rem;
 font-weight: 700;
 color: #0f172a;
 letter-spacing: -0.01em;
 }
 .kanban-meta {
 font-size: 0.52rem;
 color: #94a3b8;
 }
 .kanban-cols {
 display: flex;
 gap: 9px;
 height: calc(100% - 34px);
 }
 .kanban-col {
 flex: 1;
 display: flex;
 flex-direction: column;
 gap: 6px;
 }
 .kanban-col-hdr {
 font-size: 0.52rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.07em;
 color: #94a3b8;
 padding-bottom: 6px;
 border-bottom: 1px solid #e2e8f0;
 margin-bottom: 3px;
 display: flex;
 justify-content: space-between;
 }
 .kanban-col-hdr span.count {
 background: #e2e8f0;
 border-radius: 3px;
 padding: 0 4px;
 color: #64748b;
 }
 .k-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 6px;
 padding: 8px 10px;
 }
 .k-card.highlight {
 border-color: #0b1f3b;
 border-left: 2px solid #0b1f3b;
 }
 .k-card-name {
 font-size: 0.58rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 3px;
 }
 .k-card-meta {
 font-size: 0.46rem;
 color: #94a3b8;
 }
 .k-card-tag {
 display: inline-block;
 font-size: 0.44rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 padding: 2px 5px;
 border-radius: 3px;
 margin-top: 4px;
 }
 .k-tag-blue {
 background: rgba(11, 31, 59, 0.06);
 color: #0b1f3b;
 }
 .k-tag-green {
 background: rgba(5, 150, 105, 0.07);
 color: #059669;
 }
 .k-tag-amber {
 background: rgba(180, 83, 9, 0.07);
 color: #b45309;
 }
 .k-rating {
 display: flex;
 align-items: center;
 gap: 4px;
 margin-top: 4px;
 }
 .k-rating-grade {
 font-size: 0.8rem;
 font-weight: 700;
 color: #0b1f3b;
 }
 .k-rating-label {
 font-size: 0.44rem;
 color: #94a3b8;
 }

 /* ─── SECTIONS (matching Fund Manager Rating) ─── */
 .wt {
 font-family: "Inter", sans-serif;
 color: #1e293b;
 background: #f8fafc;
 }
 .wt-section {
 padding: 0 2.5rem 2.5rem;
 max-width: 1140px;
 margin: 0 auto;
 }
 .wt-section--intro {
 padding: 2.5rem 2.5rem 2.5rem;
 max-width: 1140px;
 margin: 0 auto;
 }
 .wt-label {
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin-bottom: 0.35rem;
 }
 .wt-h2 {
 font-family: "Inter", sans-serif;
 font-size: 1.25rem;
 font-weight: 700;
 color: #0f172a;
 margin-bottom: 0.6rem;
 letter-spacing: -0.01em;
 }
 .wt-h3 {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.4rem;
 margin-top: 1.25rem;
 }
 .wt-p {
 font-size: 0.88rem;
 color: #475569;
 line-height: 1.75;
 font-weight: 300;
 margin-bottom: 0.75rem;
 max-width: 640px;
 }
 .wt-strong {
 color: #0b1f3b;
 font-weight: 600;
 }
 .wt-divider {
 border-top: 1px solid #e2e8f0;
 max-width: 1140px;
 margin: 0 auto 2rem;
 }

 /* ─── CARDS (matching Fund Rating) ─── */
 .wt-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 margin-bottom: 1rem;
 }
 .wt-card-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.4rem;
 }

 /* ─── KPI / GRID CARDS ─── */
 .wt-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.75rem;
 margin: 1rem 0;
 }
 .wt-grid--4 {
 grid-template-columns: repeat(4, 1fr);
 }
 .wt-kpi {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 0.75rem;
 }
 .wt-kpi-dim {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.4rem;
 }
 .wt-kpi-name {
 font-size: 0.78rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.15rem;
 }
 .wt-kpi-desc {
 font-size: 0.72rem;
 color: #94a3b8;
 line-height: 1.5;
 }

 /* ─── PROBLEM ICONS ─── */
 .wt-problem-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 0.75rem;
 margin: 1rem 0;
 }
 .wt-problem-item {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 8px;
 padding: 0.75rem;
 text-align: center;
 }
 .wt-problem-icon {
 font-size: 1.5rem;
 margin-bottom: 0.4rem;
 opacity: 0.5;
 }
 .wt-problem-label {
 font-size: 0.72rem;
 color: #94a3b8;
 line-height: 1.4;
 }

 /* ─── HIGHLIGHT (matching Fund Rating) ─── */
 .wt-highlight {
 background: #fff;
 border-left: 3px solid #0b1f3b;
 border-radius: 0 8px 8px 0;
 padding: 1rem 1.25rem;
 margin: 1.25rem 0;
 }
 .wt-highlight-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.3rem;
 }
 .wt-highlight-title {
 font-size: 0.95rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.4rem;
 }
 .wt-highlight p {
 font-size: 0.85rem;
 color: #475569;
 line-height: 1.6;
 font-weight: 300;
 }

 /* ─── FEATURE CARDS (matching Fund Rating card + text pattern) ─── */
 .wt-feat {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 }
 .wt-feat-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #0b1f3b;
 margin-bottom: 0.4rem;
 }
 .wt-feat-name {
 font-size: 0.78rem;
 font-weight: 600;
 color: #1e293b;
 margin-bottom: 0.15rem;
 }
 .wt-feat-desc {
 font-size: 0.72rem;
 color: #94a3b8;
 line-height: 1.6;
 font-weight: 300;
 }

 /* ─── LINKS ─── */
 .wt-links {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
 margin-top: 1.25rem;
 }
 .wt-link {
 font-size: 0.88rem;
 font-weight: 600;
 color: #0b1f3b;
 text-decoration: none;
 }
 .wt-link:hover {
 text-decoration: underline;
 }

 /* ─── AUDIENCE CARDS ─── */
 .wt-audience-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.75rem;
 margin: 1rem 0;
 }
 .wt-audience-card {
 background: #fff;
 border: 1px solid #e2e8f0;
 border-radius: 10px;
 padding: 1.25rem;
 text-decoration: none;
 display: flex;
 justify-content: space-between;
 align-items: center;
 transition: border-color 0.2s;
 }
 .wt-audience-card:hover {
 border-color: #0b1f3b;
 }
 .wt-audience-label {
 font-size: 0.55rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #64748b;
 margin-bottom: 0.3rem;
 }
 .wt-audience-title {
 font-size: 0.78rem;
 font-weight: 600;
 color: #1e293b;
 }
 .wt-audience-arrow {
 font-size: 1rem;
 color: #94a3b8;
 }

 /* ─── DATA SECURITY ─── */
 .wt-data-card {
 border-radius: 20px;
 background:
 radial-gradient(ellipse at 30% 0%, rgba(96, 165, 250, 0.12) 0%, transparent 60%),
 linear-gradient(180deg, #0f172a 0%, #0b1220 100%);
 border: 1px solid rgba(255, 255, 255, 0.08);
 padding: 2.5rem;
 }
 .wt-data-card-header {
 margin-bottom: 2rem;
 }
 .wt-data-card-label {
 font-size: 0.75rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.12em;
 color: var(--ci-ice);
 margin-bottom: 0.6rem;
 }
 .wt-data-card-title {
 font-size: clamp(1.6rem, 2.5vw, 2rem);
 font-weight: 600;
 color: #ffffff;
 letter-spacing: -0.02em;
 }
 .wt-badge-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 2rem;
 }
 .wt-badge-icon {
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.08);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 0.75rem;
 }
 .wt-badge-label {
 font-size: 0.85rem;
 font-weight: 600;
 color: #ffffff;
 margin-bottom: 0.4rem;
 }
 .wt-badge-text {
 font-size: 0.8rem;
 color: #94a3b8;
 line-height: 1.6;
 font-weight: 300;
 }
 .wt-badge-link {
 display: inline-block;
 margin-top: 0.6rem;
 font-size: 0.78rem;
 color: var(--ci-ice);
 font-weight: 600;
 text-decoration: none;
 }
 .wt-badge-link:hover {
 text-decoration: underline;
 }

 /* ─── CTA (matching Fund Rating) ─── */
 .wt-cta {
 padding: 3rem 2.5rem;
 background: #0b1f3b;
 color: #fff;
 text-align: center;
 }
 .wt-cta h2 {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 color: #fff;
 }
 .wt-cta p {
 font-size: 0.9rem;
 color: #94a3b8;
 font-weight: 300;
 margin-bottom: 1.25rem;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 }
 .cta-btns {
 display: flex;
 gap: 1rem;
 justify-content: center;
 }
 /* ─── RESPONSIVE ─── */
 @media (max-width: 960px) {
 .hero {
 min-height: auto;
 padding: 5.5rem 0 4rem;
 }
 .hero-inner {
 grid-template-columns: 1fr;
 gap: 1rem;
 }
 .hero-graphic {
 position: relative;
 width: 100%;
 height: 320px;
 top: auto;
 right: auto;
 margin: 0 auto 1.25rem;
 order: -1;
 }
 .hero-copy {
 margin: 0 auto;
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
 }
 .hero-ctas {
 justify-content: center;
 }
 .hero-scroll {
 display: none;
 }
 .anim-scene {
 height: 380px;
 }
 }
 @media (min-width: 1024px) {
 .hero-inner {
 padding-left: var(--page-shell-gutter-desktop);
 padding-right: var(--page-shell-gutter-desktop);
 }
 }
 @media (max-width: 768px) {
 .hero-ctas {
 flex-direction: column;
 align-items: stretch;
 }
 .hero-ctas .qft-cta {
 text-align: center;
 }
 .wt-section,
 .wt-section--intro {
 padding-left: 1.5rem;
 padding-right: 1.5rem;
 }
 .wt-grid {
 grid-template-columns: 1fr;
 }
 .wt-grid--4 {
 grid-template-columns: 1fr 1fr;
 }
 .wt-badge-grid {
 grid-template-columns: 1fr 1fr;
 }
 .wt-data-card {
 padding: 1.5rem;
 }
 .wt-problem-grid {
 grid-template-columns: 1fr 1fr;
 }
 .wt-audience-grid {
 grid-template-columns: 1fr;
 }
 .wt-links {
 flex-direction: column;
 gap: 0.5rem;
 }
 .anim-scene {
 height: 340px;
 }
 }
&lt;/style&gt;

&lt;!-- ─── HERO (UNTOUCHED) ─── --&gt;
&lt;section class="hero"&gt;
 &lt;div class="hero-graphic" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 800 800" preserveAspectRatio="xMidYMid slice" role="presentation"&gt;
 &lt;defs&gt;
 &lt;linearGradient id="arcGrad" gradientUnits="userSpaceOnUse" x1="-80" y1="760" x2="900" y2="20"&gt;
 &lt;stop offset="0%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;stop offset="20%" stop-color="#3b82f6" stop-opacity="0.5" /&gt;
 &lt;stop offset="45%" stop-color="#93c5fd" stop-opacity="0.9" /&gt;
 &lt;stop offset="55%" stop-color="#f0f9ff" stop-opacity="1" /&gt;
 &lt;stop offset="80%" stop-color="#dbeafe" stop-opacity="0.6" /&gt;
 &lt;stop offset="100%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;/linearGradient&gt;
 &lt;linearGradient id="arcGradSoft" gradientUnits="userSpaceOnUse" x1="-80" y1="760" x2="900" y2="20"&gt;
 &lt;stop offset="0%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;stop offset="30%" stop-color="#60a5fa" stop-opacity="0.3" /&gt;
 &lt;stop offset="55%" stop-color="#bae6fd" stop-opacity="0.5" /&gt;
 &lt;stop offset="80%" stop-color="#dbeafe" stop-opacity="0.3" /&gt;
 &lt;stop offset="100%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;/linearGradient&gt;
 &lt;radialGradient id="burstGlow" cx="50%" cy="50%" r="50%"&gt;
 &lt;stop offset="0%" stop-color="#f0f9ff" stop-opacity="0.7" /&gt;
 &lt;stop offset="40%" stop-color="#dbeafe" stop-opacity="0.25" /&gt;
 &lt;stop offset="100%" stop-color="#1D4ED8" stop-opacity="0" /&gt;
 &lt;/radialGradient&gt;
 &lt;filter id="arcBlur" x="-10%" y="-10%" width="120%" height="120%"&gt;
 &lt;feGaussianBlur stdDeviation="10" /&gt;
 &lt;/filter&gt;
 &lt;filter id="arcBlurHeavy" x="-15%" y="-15%" width="130%" height="130%"&gt;
 &lt;feGaussianBlur stdDeviation="22" /&gt;
 &lt;/filter&gt;
 &lt;/defs&gt;

 &lt;g class="hero-arcs"&gt;
 &lt;g class="hero-arc-glow hero-arc-glow-2" filter="url(#arcBlurHeavy)"&gt;
 &lt;path
 class="hero-arc"
 d="M -100 780 C 100 740 180 550 380 430 S 680 130 920 40"
 stroke="url(#arcGradSoft)"
 stroke-width="12"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -60 740 C 140 700 220 510 420 390 S 720 90 880 0"
 stroke="url(#arcGradSoft)"
 stroke-width="14"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -20 700 C 180 660 260 470 450 350 S 750 50 840 -40"
 stroke="url(#arcGradSoft)"
 stroke-width="10"
 /&gt;
 &lt;/g&gt;
 &lt;g class="hero-arc-glow" filter="url(#arcBlur)"&gt;
 &lt;path
 class="hero-arc"
 d="M -100 780 C 100 740 180 550 380 430 S 680 130 920 40"
 stroke="url(#arcGrad)"
 stroke-width="4"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -80 760 C 120 720 200 530 400 410 S 700 110 900 20"
 stroke="url(#arcGrad)"
 stroke-width="5"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -60 740 C 140 700 220 510 420 390 S 720 90 880 0"
 stroke="url(#arcGrad)"
 stroke-width="6"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -40 720 C 160 680 240 490 440 370 S 740 70 860 -20"
 stroke="url(#arcGrad)"
 stroke-width="5"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -20 700 C 180 660 260 470 450 350 S 750 50 840 -40"
 stroke="url(#arcGrad)"
 stroke-width="4"
 /&gt;
 &lt;/g&gt;
 &lt;g class="hero-arc-core"&gt;
 &lt;path
 class="hero-arc"
 d="M -100 780 C 100 740 180 550 380 430 S 680 130 920 40"
 stroke="url(#arcGrad)"
 stroke-width="0.8"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -80 760 C 120 720 200 530 400 410 S 700 110 900 20"
 stroke="url(#arcGrad)"
 stroke-width="1.1"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -60 740 C 140 700 220 510 420 390 S 720 90 880 0"
 stroke="url(#arcGrad)"
 stroke-width="1.5"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -40 720 C 160 680 240 490 440 370 S 740 70 860 -20"
 stroke="url(#arcGrad)"
 stroke-width="1.1"
 /&gt;
 &lt;path
 class="hero-arc"
 d="M -20 700 C 180 660 260 470 450 350 S 750 50 840 -40"
 stroke="url(#arcGrad)"
 stroke-width="0.8"
 /&gt;
 &lt;/g&gt;
 &lt;path
 class="hero-arc-pulse hero-arc-pulse-a"
 d="M -100 780 C 100 740 180 550 380 430 S 680 130 920 40"
 /&gt;
 &lt;path
 class="hero-arc-pulse hero-arc-pulse-b"
 d="M -80 760 C 120 720 200 530 400 410 S 700 110 900 20"
 /&gt;
 &lt;path
 class="hero-arc-pulse hero-arc-pulse-c"
 d="M -60 740 C 140 700 220 510 420 390 S 720 90 880 0"
 /&gt;
 &lt;path
 class="hero-arc-pulse hero-arc-pulse-d"
 d="M -40 720 C 160 680 240 490 440 370 S 740 70 860 -20"
 /&gt;
 &lt;path
 class="hero-arc-pulse hero-arc-pulse-e"
 d="M -20 700 C 180 660 260 470 450 350 S 750 50 840 -40"
 /&gt;
 &lt;circle cx="600" cy="220" r="60" fill="url(#burstGlow)" class="hero-burst" /&gt;
 &lt;circle cx="600" cy="220" r="3" fill="#f0f9ff" opacity="0.9" filter="url(#arcBlur)" /&gt;
 &lt;/g&gt;
 &lt;/svg&gt;
 &lt;/div&gt;

 &lt;div class="hero-inner"&gt;
 &lt;div class="hero-copy"&gt;
 &lt;p class="hero-label"&gt;Workflow&lt;/p&gt;</description></item></channel></rss>