Files
boc/landvex-site/verticals/insurance/index.html
T
Bernt 6989a98d75 feat: Passwordless cross-device authentication
- Arkitektur: docs/auth/passwordless-architecture.md
- Backend: iom/quixzoom-auth-service/ (FastAPI + Redis)
- Webb: quixzoom-market-pages/se/login/ (QR-kod + polling)
- App: iom/quixzoom-app/src/features/auth/ (push + deep links)

Flöde: QR-kod → app-godkännande → webb-inloggad
2026-07-07 07:11:50 +00:00

95 lines
5.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insurance Risk Intelligence — Landvex</title>
<meta name="description" content="Risk intelligence for insurance companies. Identify elevated-risk areas, validate claims, and monitor physical conditions continuously.">
<link rel="canonical" href="https://landvex.com/verticals/insurance/">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--bg: #f5f5f7; --blue: #0066FF; --blue-dark: #0052CC;
--text: #1d1d1f; --text-body: #3a3a3a; --text-muted: #6e6e73;
--surface: #ffffff; --border: rgba(0,0,0,0.08);
--radius: 14px;
}
body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; }
a { color: inherit; text-decoration: none; }
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; height: 64px; background: rgba(255,255,255,0.9); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); }
.nav-logo { font-size: 18px; font-weight: 700; color: var(--text); }
.btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 22px; background: var(--blue); color: #fff; font-size: 14px; font-weight: 600; border-radius: var(--radius); border: none; cursor: pointer; transition: background 0.2s; }
.btn:hover { background: var(--blue-dark); }
.btn-outline { background: transparent; border: 1.5px solid var(--border); color: var(--text); }
.btn-outline:hover { background: rgba(0,0,0,0.04); }
.hero { min-height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 120px 24px 80px; }
.hero h1 { font-size: clamp(32px, 5vw, 56px); font-weight: 800; letter-spacing: -1.5px; margin-bottom: 20px; }
.hero p { font-size: 18px; color: var(--text-muted); max-width: 600px; margin-bottom: 32px; }
section { padding: 80px 24px; }
.container { max-width: 1140px; margin: 0 auto; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px; }
.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 32px; transition: transform 0.2s, border-color 0.2s; }
.card:hover { transform: translateY(-2px); border-color: rgba(0,102,255,0.3); }
.card h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.card p { font-size: 14px; color: var(--text-muted); line-height: 1.6; }
footer { border-top: 1px solid var(--border); padding: 40px; text-align: center; color: var(--text-muted); font-size: 14px; }
@media (max-width: 768px) {
.grid { grid-template-columns: 1fr; }
nav { padding: 0 20px; }
}
</style>
</head>
<body>
<nav>
<a class="nav-logo" href="/">← Landvex</a>
<a class="btn btn-outline" href="/enterprise/">Request a pilot →</a>
</nav>
<section class="hero">
<h1>Insurance Risk Intelligence</h1>
<p>Identify elevated-risk areas, validate claims, and monitor physical conditions continuously — with field-verified data you can trace to its source.</p>
<div style="display:flex;gap:12px;flex-wrap:wrap;justify-content:center;">
<a class="btn" href="/enterprise/">Request a briefing →</a>
<a class="btn btn-outline" href="/methodology/">How it works</a>
</div>
</section>
<section>
<div class="container">
<h2 style="text-align:center;font-size:32px;font-weight:800;margin-bottom:16px;">What we deliver</h2>
<p style="text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 40px;">From single-asset verification to portfolio-wide intelligence — deployed in 2472 hours.</p>
<div class="grid">
<div class="card">
<h3>Claims validation</h3>
<p>Rapid field verification of loss reports. Geo-tagged visual evidence delivered within 72 hours of instruction.</p>
</div>
<div class="card">
<h3>Pre-loss surveys</h3>
<p>Baseline documentation of insured assets before loss events — establishing ground truth for future claims.</p>
</div>
<div class="card">
<h3>Risk assessment</h3>
<p>Field-observed physical condition data to supplement modelled risk — identifying exposures not visible in satellite data.</p>
</div>
<div class="card">
<h3>Catastrophe monitoring</h3>
<p>Post-event rapid deployment to document affected areas and validate exposure across large geographies.</p>
</div>
<div class="card">
<h3>Portfolio monitoring</h3>
<p>Continuous monitoring of insured assets with change detection and automated alerts.</p>
</div>
<div class="card">
<h3>Contradiction detection</h3>
<p>Identify where official data conflicts with observed reality — before it becomes a claim.</p>
</div>
</div>
</div>
</section>
<footer>
<p>© 2026 Landvex AB · <a href="/" style="color:var(--blue);">landvex.com</a></p>
</footer>
</body>
</html>