https://qft-analytics.com/audiences/Recent content in Audiences on QFT - Quantitative Financial TechnologyHugodehttps://qft-analytics.com/audiences/institutional-investors/Mon, 01 Jan 0001 00:00:00 +0000https://qft-analytics.com/audiences/institutional-investors/<style> /* ─── 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); } } </style> <!-- ─── HERO ─── --> <div class="inst-hero"> <div class="inst-inner"> <p class="inst-label">Institutional Investors</p>https://qft-analytics.com/audiences/single-family-offices/Mon, 01 Jan 0001 00:00:00 +0000https://qft-analytics.com/audiences/single-family-offices/<style> /* ─── 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 > * { 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)); } } </style> <!-- ─── HERO ─── --> <div class="sfo-hero"> <div class="sfo-inner"> <p class="sfo-label">Single Family Offices</p>