https://qft-analytics.com/methodology/Recent content in Methodology on QFT - Quantitative Financial TechnologyHugodehttps://qft-analytics.com/methodology/rating/Mon, 01 Jan 0001 00:00:00 +0000https://qft-analytics.com/methodology/rating/<style> .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)); } } </style> <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" > <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)]" > <div class="max-w-[720px]"> <div class="mb-6"> <h1 class="font-sans text-[clamp(1.65rem,3.6vw,3.15rem)] font-bold leading-[1.1] tracking-[-0.03em] text-stone-50" > Fund Manager Rating </h1> </div> <p class="max-w-[640px] text-[1.05rem] font-light leading-[1.65] text-slate-400"> 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. </p>https://qft-analytics.com/methodology/valuation/Mon, 01 Jan 0001 00:00:00 +0000https://qft-analytics.com/methodology/valuation/<style> /* ─── 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; } } </style> <!-- ═══ HERO (UNTOUCHED) ═══ --> <section class="hero"> <div class="hero-inner"> <div class="hero-copy"> <div class="hero-header"> <h1>Fund Valuation</h1> </div> <p class="hero-sub"> 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. </p>https://qft-analytics.com/methodology/planning/Mon, 01 Jan 0001 00:00:00 +0000https://qft-analytics.com/methodology/planning/<style> .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; } } </style> <div class="meth"> <div class="meth-hero"> <p class="meth-label">Methodology</p>