478 lines
43 KiB
HTML
478 lines
43 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html class="dark" lang="en"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><meta content="web_standard" name="shell-type"/><title>MotorSignal Telemetry</title><link href="https://fonts.googleapis.com" rel="preconnect"/><link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&family=Space+Grotesk:wght@600;700&display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"/>
|
|
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/><style>@layer base { html, body { margin: 0; padding: 0; } body { overscroll-behavior: none; } main > :first-child { margin-top: 0 !important; } main > :last-child { margin-bottom: 0 !important; } } ::-webkit-scrollbar { display: none; }</style><script src="https://cdn.tailwindcss.com"></script><script id="tailwind-config">tailwind.config = { darkMode: "class", theme: { extend: { "colors": { "on-tertiary": "#3c0091", "on-primary": "#00363d", "error-container": "#93000a", "on-secondary": "#002a78", "inverse-on-surface": "#2d3036", "on-error-container": "#ffdad6", "secondary-fixed": "#dbe1ff", "surface-container-low": "#181c21", "outline-variant": "#3b494c", "surface-variant": "#32353b", "background": "#101419", "on-surface-variant": "#bac9cc", "on-surface": "#e0e2ea", "on-background": "#e0e2ea", "on-primary-container": "#00626e", "on-secondary-container": "#cdd7ff", "primary-container": "#00e5ff", "primary": "#c3f5ff", "on-primary-fixed-variant": "#004f58", "on-primary-fixed": "#001f24", "tertiary": "#f2e9ff", "on-tertiary-fixed-variant": "#5516be", "surface-container-high": "#272a30", "surface-dim": "#101419", "primary-fixed": "#9cf0ff", "tertiary-fixed": "#e9ddff", "on-secondary-fixed": "#00174b", "error": "#ffb4ab", "on-secondary-fixed-variant": "#003ea8", "on-error": "#690005", "inverse-primary": "#006875", "inverse-surface": "#e0e2ea", "surface-container-highest": "#32353b", "secondary": "#b4c5ff", "surface": "#101419", "tertiary-container": "#d9c8ff", "surface-bright": "#36393f", "secondary-container": "#0053db", "on-tertiary-fixed": "#23005c", "surface-container": "#1d2025", "surface-container-lowest": "#0b0e13", "on-tertiary-container": "#6834d1", "secondary-fixed-dim": "#b4c5ff", "outline": "#849396", "surface-tint": "#00daf3", "primary-fixed-dim": "#00daf3", "tertiary-fixed-dim": "#d0bcff" }, "borderRadius": { "DEFAULT": "0.25rem", "lg": "0.5rem", "xl": "0.75rem", "full": "9999px" }, "spacing": { "margin": "1rem", "gutter-lg": "1.5rem", "space-md": "1rem", "space-xs": "0.25rem", "space-lg": "1.5rem", "space-xl": "2rem", "space-sm": "0.5rem", "margin-lg": "2rem", "gutter": "1rem" }, "fontFamily": { "body-md": ["Inter"], "display-hero": ["Space Grotesk"], "label-data": ["JetBrains Mono"], "telemetry-metric-lg-mobile": ["JetBrains Mono"], "headline-lg": ["Space Grotesk"], "telemetry-metric-lg": ["JetBrains Mono"], "label-caption": ["Inter"], "headline-sm": ["Space Grotesk"], "headline-md": ["Space Grotesk"], "body-lg": ["Inter"], "telemetry-metric-md": ["JetBrains Mono"], "display-hero-mobile": ["Space Grotesk"] }, "fontSize": { "body-md": ["14px", { "lineHeight": "20px", "fontWeight": "400" }], "display-hero": ["56px", { "lineHeight": "60px", "letterSpacing": "-0.03em", "fontWeight": "700" }], "label-data": ["12px", { "lineHeight": "16px", "letterSpacing": "0.08em", "fontWeight": "600" }], "telemetry-metric-lg-mobile": ["36px", { "lineHeight": "36px", "letterSpacing": "-0.03em", "fontWeight": "700" }], "headline-lg": ["32px", { "lineHeight": "40px", "letterSpacing": "-0.02em", "fontWeight": "700" }], "telemetry-metric-lg": ["48px", { "lineHeight": "48px", "letterSpacing": "-0.04em", "fontWeight": "700" }], "label-caption": ["11px", { "lineHeight": "14px", "letterSpacing": "0.05em", "fontWeight": "600" }], "headline-sm": ["20px", { "lineHeight": "28px", "fontWeight": "600" }], "headline-md": ["24px", { "lineHeight": "32px", "letterSpacing": "-0.01em", "fontWeight": "600" }], "body-lg": ["16px", { "lineHeight": "24px", "fontWeight": "500" }], "telemetry-metric-md": ["28px", { "lineHeight": "32px", "letterSpacing": "-0.02em", "fontWeight": "600" }], "display-hero-mobile": ["40px", { "lineHeight": "44px", "letterSpacing": "-0.02em", "fontWeight": "700" }] } } } };</script></head><body class="bg-surface text-on-surface font-body-md antialiased selection:bg-primary-container selection:text-on-primary"><header class="fixed top-0 left-0 right-0 z-50 bg-surface/90 backdrop-blur-xl shadow-[0_1px_8px_rgba(0,0,0,0.4)]"><div class="h-20 w-full px-gutter-lg flex items-center justify-between gap-space-md"><div class="flex items-center gap-space-lg"><a class="flex items-center gap-space-sm group" href="#"><img alt="Brand logo. - Primary color: #00e5ff
|
|
- Font: spaceGrotesk
|
|
- Mode: dark
|
|
- Roundness: rounded-md
|
|
" class="h-8 w-auto object-contain" src="https://lh3.googleusercontent.com/aida/AEtjO1UTw8rBQQ-sNGfIk81zYX1u7rT7_IcgGT6GjJCfVJDKecDfGr1MrPEVgjII5_MK3wj6tO6Qw2ZfHhqwrKxHdNrJUGxFOlXalVgFnDtgpjoNDSFtltDk6syCaK_mTdC1xPJqngCTTc2T43fBqyYBnwQANHFTwwGJ646jmbPtJavdn15iGT6wqfLaoJpDew60SUt_hG1nouBFUYDMxOiNIIgnWfkgJ04aTmmTNXr6Ca7776OBqr3haTpFHQ"/><span class="font-headline-sm text-headline-sm uppercase tracking-wider text-primary group-hover:text-primary-container transition-colors">MotorSignal</span></a><nav class="hidden xl:flex items-center gap-space-md" data-active-classes="text-primary-container font-headline-sm"><a class="text-on-surface-variant font-label-data text-label-data uppercase tracking-wider hover:text-on-surface transition-colors px-space-xs py-space-xs" data-path="features" href="#">Features</a><a class="text-on-surface-variant font-label-data text-label-data uppercase tracking-wider hover:text-on-surface transition-colors px-space-xs py-space-xs" data-path="group-rides" href="#">Group Rides</a><a class="text-on-surface-variant font-label-data text-label-data uppercase tracking-wider hover:text-on-surface transition-colors px-space-xs py-space-xs" data-path="clubs" href="#">Clubs</a><a aria-current="page" class="uppercase tracking-wider transition-colors px-space-xs py-space-xs text-primary-container font-headline-sm" data-path="pricing" href="#">Pricing</a><a class="text-on-surface-variant font-label-data text-label-data uppercase tracking-wider hover:text-on-surface transition-colors px-space-xs py-space-xs" data-path="download" href="#">Download</a><a class="text-on-surface-variant font-label-data text-label-data uppercase tracking-wider hover:text-on-surface transition-colors px-space-xs py-space-xs" data-path="support" href="#">Support</a><a class="text-on-surface-variant font-label-data text-label-data uppercase tracking-wider hover:text-on-surface transition-colors px-space-xs py-space-xs" data-path="admin-console" href="#">Admin Console</a></nav></div><div class="flex items-center gap-space-md"><div class="hidden md:flex items-center gap-space-xs px-space-sm py-space-xs rounded-full bg-surface-container-low shadow-[0_0_12px_rgba(0,229,255,0.15)]"><span class="w-2 h-2 rounded-full bg-primary-container animate-pulse"></span><span class="font-label-data text-label-data text-primary uppercase">20Hz Kalman Online</span></div><a class="inline-flex items-center justify-center h-12 px-space-md rounded-lg bg-primary-container text-on-primary font-label-data text-label-data uppercase tracking-wider shadow-[0_0_16px_rgba(0,229,255,0.35)] hover:bg-primary hover:text-on-primary transition-all duration-200 active:scale-[0.98]" href="#">Download App</a><div class="flex items-center gap-space-xs pl-space-xs"><img alt="Profile" class="w-8 h-8 rounded-full object-cover ring-2 ring-surface-container-high" src="https://lh3.googleusercontent.com/aida/AEtjO1XyAAxLiegDwfGfDOfnmd9desjMVj3kxU_bPrvNgMXtcbq65IhKW7uieorRmFWWL7_4VvnpTq8N2pToWOm8TSGRSiftlbFyjQPawmL20y9w0BQJjvgVum3Q8IdqGLli9RZ-16Yv2wJ36FHEwrk4T1IQTob8mc_BjN7g9c3Ic_Xz0pzHgZVxjjahryKv77ULhtLXK5wYZadicArshGkykAEqRbTPZfDNZ-YNLSAN51PoR4wbt46K46HLSvs"/></div></div></div></header><main class="w-full pt-20 bg-surface min-h-[calc(100vh-80px)]"><div class="flex flex-col w-full">
|
|
<!-- Subtle Tactical Ambient Background Elements -->
|
|
<div class="relative w-full overflow-hidden">
|
|
<div class="absolute -top-40 left-1/2 -translate-x-1/2 w-[850px] h-[400px] bg-primary-container/10 blur-[130px] rounded-full pointer-events-none -z-10"></div>
|
|
<div class="absolute top-[600px] right-0 w-[450px] h-[350px] bg-secondary-container/15 blur-[120px] rounded-full pointer-events-none -z-10"></div>
|
|
<!-- Pricing Header & Billing Controls Section -->
|
|
<section class="w-full px-gutter-lg pt-space-xl pb-space-lg flex flex-col items-center text-center">
|
|
<div class="inline-flex items-center gap-space-xs px-space-sm py-space-xs rounded-full bg-surface-container mb-space-md shadow-sm">
|
|
<span class="w-2 h-2 rounded-full bg-primary-container animate-ping"></span>
|
|
<span class="font-label-data text-label-data text-primary uppercase tracking-widest">AERO-GRADE PRECISION TELEMETRY</span>
|
|
</div>
|
|
<h1 class="font-display-hero text-headline-lg md:text-display-hero text-on-surface max-w-4xl tracking-tight">
|
|
Transparent Pricing for Solo Carvers and Pack Captains
|
|
</h1>
|
|
<p class="font-body-lg text-body-lg text-on-surface-variant max-w-2xl mt-space-sm mb-space-xl">
|
|
Choose the telemetry precision that matches your riding ambitions. Real-time 20Hz sensor fusion, instant radar pings, and synchronized mesh telemetry with zero latency.
|
|
</p>
|
|
<!-- Billing Period Switcher -->
|
|
<div class="flex items-center gap-space-md bg-surface-container-low p-space-xs rounded-xl shadow-md">
|
|
<button class="px-space-md py-space-sm rounded-lg font-label-data text-label-data uppercase tracking-wider transition-all duration-200 text-on-surface-variant hover:text-on-surface" id="btn-monthly" onclick="switchBilling('monthly')" type="button">
|
|
Monthly Billing
|
|
</button>
|
|
<div class="relative">
|
|
<button class="px-space-md py-space-sm rounded-lg bg-primary-container text-on-primary font-label-data text-label-data uppercase tracking-wider shadow-lg transition-all duration-200" id="btn-annual" onclick="switchBilling('annual')" type="button">
|
|
Annual Billing
|
|
</button>
|
|
<span class="absolute -top-3 -right-3 px-space-xs py-0.5 rounded-full bg-surface-container-highest text-primary-container text-label-caption font-label-caption uppercase tracking-wider shadow-[0_0_12px_rgba(0,229,255,0.4)] animate-pulse">
|
|
SAVE 33%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- 3-Tier Pricing Card Grid -->
|
|
<section class="w-full px-gutter-lg py-space-lg">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-space-lg items-stretch max-w-7xl mx-auto">
|
|
<!-- Tier 1: Rider Basic -->
|
|
<div class="flex flex-col justify-between bg-surface-container-low rounded-xl p-space-lg shadow-sm hover:shadow-md transition-shadow">
|
|
<div>
|
|
<div class="flex items-center justify-between mb-space-md">
|
|
<span class="font-label-data text-label-data text-on-surface-variant uppercase tracking-widest">Entry Telemetry</span>
|
|
<span class="px-space-xs py-0.5 rounded bg-surface-container text-on-surface-variant font-label-caption text-label-caption uppercase">Free Forever</span>
|
|
</div>
|
|
<h2 class="font-headline-md text-headline-md text-on-surface">Rider Basic</h2>
|
|
<p class="font-body-md text-body-md text-on-surface-variant mt-space-xs min-h-[40px]">Essential tactical instruments for casual riders and community weekend curvers.</p>
|
|
<div class="my-space-lg flex items-baseline gap-space-xs">
|
|
<span class="font-telemetry-metric-lg text-telemetry-metric-lg text-on-surface">$0</span>
|
|
<span class="font-label-data text-label-data text-on-surface-variant uppercase">/ forever</span>
|
|
</div>
|
|
<div class="h-px w-full bg-surface-variant/40 mb-space-md"></div>
|
|
<span class="font-label-caption text-label-caption uppercase text-outline tracking-wider block mb-space-sm">Included Precision Specs</span>
|
|
<ul class="flex flex-col gap-space-sm font-body-md text-body-md text-on-surface">
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary text-body-lg">speed</span>
|
|
<span>Standard Cockpit HUD (<span class="font-label-data text-primary">1 Hz</span> GPS sampling)</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary text-body-lg">folder</span>
|
|
<span>Up to 10 stored historical rides</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary text-body-lg">warning</span>
|
|
<span>Community crowd-sourced hazard alerts</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary text-body-lg">map</span>
|
|
<span>Offline OpenStreetMap vector caching</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm text-outline">
|
|
<span class="material-symbols-outlined text-outline text-body-lg">block</span>
|
|
<span class="line-through">Sub-degree 20Hz IMU Kalman filter</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm text-outline">
|
|
<span class="material-symbols-outlined text-outline text-body-lg">block</span>
|
|
<span class="line-through">Pack-mesh live proximity telemetry</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pt-space-xl">
|
|
<a class="w-full flex items-center justify-center h-12 rounded-lg bg-surface-container hover:bg-surface-container-high text-on-surface font-label-data text-label-data uppercase tracking-wider transition-all duration-150" href="#">
|
|
Get Started Free
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- Tier 2: Pro Rider (Featured / Most Popular) -->
|
|
<div class="relative flex flex-col justify-between bg-surface-container rounded-xl p-space-lg shadow-xl shadow-primary-container/10 -mt-2 md:-mt-4">
|
|
<!-- Ambient Neon Top Line -->
|
|
<div class="absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-primary-container via-primary to-primary-container rounded-t-xl"></div>
|
|
<div>
|
|
<div class="flex items-center justify-between mb-space-md">
|
|
<span class="font-label-data text-label-data text-primary uppercase tracking-widest">Elite Dynamics</span>
|
|
<span class="px-space-sm py-1 rounded-full bg-primary-container text-on-primary font-label-caption text-label-caption uppercase tracking-wider font-bold shadow-[0_0_12px_rgba(0,229,255,0.4)]">
|
|
Most Popular
|
|
</span>
|
|
</div>
|
|
<h2 class="font-headline-md text-headline-md text-primary">Pro Rider</h2>
|
|
<p class="font-body-md text-body-md text-on-surface-variant mt-space-xs min-h-[40px]">Real-time sub-second situational intelligence, 3D lean analysis, and pack synchronization.</p>
|
|
<div class="my-space-lg flex items-baseline gap-space-xs">
|
|
<span class="font-telemetry-metric-lg text-telemetry-metric-lg text-primary-container" id="pro-price">$79</span>
|
|
<span class="font-label-data text-label-data text-on-surface-variant uppercase" id="pro-cycle">/ billed annually</span>
|
|
</div>
|
|
<div class="h-px w-full bg-primary-container/20 mb-space-md"></div>
|
|
<span class="font-label-caption text-label-caption uppercase text-primary tracking-wider block mb-space-sm">Everything in Basic, plus:</span>
|
|
<ul class="flex flex-col gap-space-sm font-body-md text-body-md text-on-surface">
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-body-lg">explore</span>
|
|
<span><strong class="text-primary-container font-semibold">20 Hz Kalman IMU</strong> sub-degree lean acquisition</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-body-lg">radar</span>
|
|
<span>Real-time Waze & police radar mesh feed</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-body-lg">view_in_ar</span>
|
|
<span>3D interactive cornering lean & apex replay</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-body-lg">groups</span>
|
|
<span>Unlimited Pack Mesh Radar live intervals</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-body-lg">timer</span>
|
|
<span>Draggy launch mode (0-60, 0-100, 1/4 mile)</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-body-lg">cloud_done</span>
|
|
<span>Cloudflare R2 Unlimited Sync & 20Hz CSV exports</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pt-space-xl">
|
|
<a class="w-full flex items-center justify-center h-13 py-space-sm rounded-lg bg-primary-container text-on-primary font-label-data text-label-data uppercase tracking-wider shadow-[0_0_20px_rgba(0,229,255,0.4)] hover:bg-primary transition-all duration-200 active:scale-[0.98]" href="#">
|
|
Start 14-Day Free Trial
|
|
</a>
|
|
<span class="font-label-caption text-label-caption text-on-surface-variant text-center block mt-space-xs">Instant access • Cancel in 1-click anytime</span>
|
|
</div>
|
|
</div>
|
|
<!-- Tier 3: Founder Lifetime -->
|
|
<div class="relative flex flex-col justify-between bg-surface-container-low rounded-xl p-space-lg shadow-sm hover:shadow-md transition-shadow">
|
|
<div class="absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-tertiary-container via-secondary to-primary rounded-t-xl"></div>
|
|
<div>
|
|
<div class="flex items-center justify-between mb-space-md">
|
|
<span class="font-label-data text-label-data text-tertiary uppercase tracking-widest">Collector Tier</span>
|
|
<span class="px-space-xs py-0.5 rounded bg-surface-container-high text-tertiary font-label-caption text-label-caption uppercase font-semibold">
|
|
Single Charge
|
|
</span>
|
|
</div>
|
|
<h2 class="font-headline-md text-headline-md text-tertiary">Founder Lifetime</h2>
|
|
<p class="font-body-md text-body-md text-on-surface-variant mt-space-xs min-h-[40px]">Permanent unlock of all future engine upgrades plus physical serialized rider regalia.</p>
|
|
<div class="my-space-lg flex items-baseline gap-space-xs">
|
|
<span class="font-telemetry-metric-lg text-telemetry-metric-lg text-on-surface">$199</span>
|
|
<span class="font-label-data text-label-data text-on-surface-variant uppercase">/ one-time</span>
|
|
</div>
|
|
<div class="h-px w-full bg-surface-variant/40 mb-space-md"></div>
|
|
<span class="font-label-caption text-label-caption uppercase text-tertiary tracking-wider block mb-space-sm">All Pro Features Forever, plus:</span>
|
|
<ul class="flex flex-col gap-space-sm font-body-md text-body-md text-on-surface">
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-tertiary text-body-lg">verified</span>
|
|
<span>Lifetime access guarantee: <strong class="text-tertiary">Zero subscriptions</strong></span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-tertiary text-body-lg">military_tech</span>
|
|
<span>Club Founder & Officer Management Toolkit</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-tertiary text-body-lg">shield</span>
|
|
<span>Physical laser-engraved serialized titanium patch</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-tertiary text-body-lg">forum</span>
|
|
<span>Direct VIP Engineering Discord & firmware betas</span>
|
|
</li>
|
|
<li class="flex items-start gap-space-sm">
|
|
<span class="material-symbols-outlined text-tertiary text-body-lg">hub</span>
|
|
<span>Priority CANbus & custom ECU telemetry onboarding</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pt-space-xl">
|
|
<a class="w-full flex items-center justify-center h-12 rounded-lg bg-surface-bright hover:bg-surface-variant text-tertiary font-label-data text-label-data uppercase tracking-wider transition-all duration-200" href="#">
|
|
Claim Founder Pass
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Visual Divider with Track Telemetry Context -->
|
|
<section class="w-full px-gutter-lg my-space-xl max-w-7xl mx-auto">
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-space-md bg-surface-container-lowest p-space-md rounded-xl">
|
|
<div class="flex items-center gap-space-md p-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-headline-lg">bolt</span>
|
|
<div>
|
|
<div class="font-headline-sm text-headline-sm text-on-surface">20Hz IMU Fusion</div>
|
|
<div class="font-body-md text-body-md text-on-surface-variant">20 discrete spatial points computed every single second.</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center gap-space-md p-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-headline-lg">satellite_alt</span>
|
|
<div>
|
|
<div class="font-headline-sm text-headline-sm text-on-surface">Sub-Meter Precision</div>
|
|
<div class="font-body-md text-body-md text-on-surface-variant">L1+L5 Dual-band GPS integration eliminates city and canyon drift.</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center gap-space-md p-space-sm">
|
|
<span class="material-symbols-outlined text-primary-container text-headline-lg">wifi_tethering</span>
|
|
<div>
|
|
<div class="font-headline-sm text-headline-sm text-on-surface">Peer Mesh Relays</div>
|
|
<div class="font-body-md text-body-md text-on-surface-variant">Zero cellular required for group member radar and beacon pings.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Comprehensive Feature Comparison Breakdown Matrix -->
|
|
<section class="w-full px-gutter-lg py-space-xl max-w-7xl mx-auto">
|
|
<div class="flex flex-col gap-space-xs mb-space-lg">
|
|
<span class="font-label-data text-label-data text-primary-container uppercase tracking-wider">Deep Specifications</span>
|
|
<h2 class="font-headline-lg text-headline-lg text-on-surface">Comprehensive Feature Comparison</h2>
|
|
<p class="font-body-md text-body-md text-on-surface-variant">Compare technical capabilities side-by-side to power your individual riding setup.</p>
|
|
</div>
|
|
<div class="w-full overflow-x-auto rounded-xl bg-surface-container-low shadow-sm">
|
|
<table class="w-full text-left border-collapse min-w-[700px]">
|
|
<thead>
|
|
<tr class="bg-surface-container text-on-surface font-label-data text-label-data uppercase tracking-wider">
|
|
<th class="p-space-md w-2/5">Platform Feature</th>
|
|
<th class="p-space-md w-1/5 text-center">Rider Basic</th>
|
|
<th class="p-space-md w-1/5 text-center text-primary-container bg-surface-container-high/60">Pro Rider</th>
|
|
<th class="p-space-md w-1/5 text-center text-tertiary">Founder Pass</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="font-body-md text-body-md divide-y divide-surface-container-high/40">
|
|
<!-- Section: Core Telemetry & HUD -->
|
|
<tr class="bg-surface-container-lowest/80">
|
|
<td class="p-space-sm px-space-md font-label-data text-label-data text-primary uppercase tracking-widest" colspan="4">
|
|
Core Telemetry & HUD
|
|
</td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">GPS & Accelerometer Frequency</td>
|
|
<td class="p-space-md text-center font-label-data text-on-surface-variant">1 Hz Standard</td>
|
|
<td class="p-space-md text-center font-label-data text-primary font-bold bg-surface-container/30">20 Hz Kalman Fusion</td>
|
|
<td class="p-space-md text-center font-label-data text-tertiary font-bold">20 Hz Kalman Fusion</td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Real-Time Lean Angle HUD</td>
|
|
<td class="p-space-md text-center text-outline">Approximate (±4°)</td>
|
|
<td class="p-space-md text-center text-primary-container font-semibold bg-surface-container/30">Sub-Degree (±0.2°)</td>
|
|
<td class="p-space-md text-center text-primary-container font-semibold">Sub-Degree (±0.2°)</td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">3D Apex & Turn Replay</td>
|
|
<td class="p-space-md text-center text-outline"><span class="material-symbols-outlined text-outline">remove</span></td>
|
|
<td class="p-space-md text-center bg-surface-container/30"><span class="material-symbols-outlined text-primary-container">check_circle</span></td>
|
|
<td class="p-space-md text-center"><span class="material-symbols-outlined text-tertiary">check_circle</span></td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Draggy Launch (0-60, 0-100, Quarter Mile)</td>
|
|
<td class="p-space-md text-center text-outline"><span class="material-symbols-outlined text-outline">remove</span></td>
|
|
<td class="p-space-md text-center bg-surface-container/30"><span class="material-symbols-outlined text-primary-container">check_circle</span></td>
|
|
<td class="p-space-md text-center"><span class="material-symbols-outlined text-tertiary">check_circle</span></td>
|
|
</tr>
|
|
<!-- Section: Road Hazards & Radar Traps -->
|
|
<tr class="bg-surface-container-lowest/80">
|
|
<td class="p-space-sm px-space-md font-label-data text-label-data text-primary uppercase tracking-widest" colspan="4">
|
|
Road Hazards & Radar Traps
|
|
</td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Community Road Hazard Pings</td>
|
|
<td class="p-space-md text-center"><span class="material-symbols-outlined text-on-surface">check_circle</span></td>
|
|
<td class="p-space-md text-center bg-surface-container/30"><span class="material-symbols-outlined text-primary-container">check_circle</span></td>
|
|
<td class="p-space-md text-center"><span class="material-symbols-outlined text-tertiary">check_circle</span></td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Waze Live Police & Radar Trap API</td>
|
|
<td class="p-space-md text-center text-outline"><span class="material-symbols-outlined text-outline">remove</span></td>
|
|
<td class="p-space-md text-center bg-surface-container/30"><span class="material-symbols-outlined text-primary-container">check_circle</span></td>
|
|
<td class="p-space-md text-center"><span class="material-symbols-outlined text-tertiary">check_circle</span></td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Gravel / Debris Machine-Vision Prediction</td>
|
|
<td class="p-space-md text-center text-outline"><span class="material-symbols-outlined text-outline">remove</span></td>
|
|
<td class="p-space-md text-center bg-surface-container/30"><span class="material-symbols-outlined text-primary-container">check_circle</span></td>
|
|
<td class="p-space-md text-center"><span class="material-symbols-outlined text-tertiary">check_circle</span></td>
|
|
</tr>
|
|
<!-- Section: Pack & Mesh Communication -->
|
|
<tr class="bg-surface-container-lowest/80">
|
|
<td class="p-space-sm px-space-md font-label-data text-label-data text-primary uppercase tracking-widest" colspan="4">
|
|
Pack & Mesh Communication
|
|
</td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Pack Proximity Radar</td>
|
|
<td class="p-space-md text-center font-label-data text-on-surface-variant">Up to 2 Riders</td>
|
|
<td class="p-space-md text-center font-label-data text-primary-container font-semibold bg-surface-container/30">Unlimited Riders</td>
|
|
<td class="p-space-md text-center font-label-data text-tertiary font-semibold">Unlimited Riders</td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Offline Bluetooth Mesh Relaying</td>
|
|
<td class="p-space-md text-center text-outline"><span class="material-symbols-outlined text-outline">remove</span></td>
|
|
<td class="p-space-md text-center bg-surface-container/30"><span class="material-symbols-outlined text-primary-container">check_circle</span></td>
|
|
<td class="p-space-md text-center"><span class="material-symbols-outlined text-tertiary">check_circle</span></td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Officer Tactical Beacon Intercom Link</td>
|
|
<td class="p-space-md text-center text-outline"><span class="material-symbols-outlined text-outline">remove</span></td>
|
|
<td class="p-space-md text-center text-outline bg-surface-container/30"><span class="material-symbols-outlined text-outline">remove</span></td>
|
|
<td class="p-space-md text-center"><span class="material-symbols-outlined text-tertiary">check_circle</span></td>
|
|
</tr>
|
|
<!-- Section: Cloud Sync & Export -->
|
|
<tr class="bg-surface-container-lowest/80">
|
|
<td class="p-space-sm px-space-md font-label-data text-label-data text-primary uppercase tracking-widest" colspan="4">
|
|
Cloud Sync & Export
|
|
</td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Cloud Ride Retention</td>
|
|
<td class="p-space-md text-center font-label-data text-on-surface-variant">10 Rides Total</td>
|
|
<td class="p-space-md text-center font-label-data text-primary bg-surface-container/30">Unlimited R2 Cloud</td>
|
|
<td class="p-space-md text-center font-label-data text-tertiary">Lifetime Unlimited</td>
|
|
</tr>
|
|
<tr class="hover:bg-surface-container transition-colors">
|
|
<td class="p-space-md font-medium text-on-surface">Telemetry Data Exports</td>
|
|
<td class="p-space-md text-center font-label-data text-on-surface-variant">Standard GPX</td>
|
|
<td class="p-space-md text-center font-label-data text-primary bg-surface-container/30">GPX + 20Hz CSV</td>
|
|
<td class="p-space-md text-center font-label-data text-tertiary">GPX + Raw CANbus/CSV</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
<!-- Money-Back Guarantee Seal & Trust Badge -->
|
|
<section class="w-full px-gutter-lg py-space-lg max-w-5xl mx-auto">
|
|
<div class="flex flex-col md:flex-row items-center justify-between gap-space-lg p-space-lg rounded-xl bg-surface-container shadow-md">
|
|
<div class="flex items-center gap-space-md">
|
|
<div class="w-16 h-16 rounded-full bg-primary-container/10 flex items-center justify-center shrink-0">
|
|
<span class="material-symbols-outlined text-primary-container text-display-hero-mobile">verified_user</span>
|
|
</div>
|
|
<div>
|
|
<div class="font-headline-sm text-headline-sm text-on-surface">14-Day Zero-Risk Guarantee</div>
|
|
<div class="font-body-md text-body-md text-on-surface-variant mt-0.5">
|
|
Take MotorSignal onto your favorite mountain pass or track circuit. If our 20Hz Kalman HUD does not transform your ride telemetry, cancel instantly with one tap. Zero hurdles.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="shrink-0 flex items-center gap-space-xs font-label-data text-label-data text-primary uppercase">
|
|
<span class="material-symbols-outlined text-primary">lock</span>
|
|
<span>Encrypted Stripe Checkout</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Dark Tactical FAQ Accordion -->
|
|
<section class="w-full px-gutter-lg pt-space-lg pb-space-xl max-w-4xl mx-auto">
|
|
<div class="text-center mb-space-xl">
|
|
<span class="font-label-data text-label-data text-primary uppercase tracking-widest">Questions & Hardware Support</span>
|
|
<h2 class="font-headline-lg text-headline-lg text-on-surface mt-space-xs">Frequently Asked Questions</h2>
|
|
</div>
|
|
<div class="flex flex-col gap-space-sm" id="faq-list">
|
|
<!-- FAQ Item 1 -->
|
|
<div class="rounded-xl bg-surface-container-low overflow-hidden transition-all duration-200">
|
|
<button class="w-full flex items-center justify-between p-space-md text-left focus:outline-none" onclick="toggleFaq(1)" type="button">
|
|
<span class="font-headline-sm text-headline-sm text-on-surface">How does 20Hz IMU Kalman fusion work on my phone?</span>
|
|
<span class="material-symbols-outlined text-on-surface-variant transition-transform duration-200" id="faq-icon-1">expand_more</span>
|
|
</button>
|
|
<div class="hidden px-space-md pb-space-md pt-0 font-body-md text-body-md text-on-surface-variant" id="faq-content-1">
|
|
MotorSignal taps directly into your smartphone's 6-axis gyroscope and accelerometer hardware using native C++ processing pipes. Rather than relying on slow 1Hz GPS updates, our multi-stage Kalman filter cross-calibrates inertial drift against high-frequency satellite coordinates to yield ultra-stable 20Hz pitch and lean calculations.
|
|
</div>
|
|
</div>
|
|
<!-- FAQ Item 2 -->
|
|
<div class="rounded-xl bg-surface-container-low overflow-hidden transition-all duration-200">
|
|
<button class="w-full flex items-center justify-between p-space-md text-left focus:outline-none" onclick="toggleFaq(2)" type="button">
|
|
<span class="font-headline-sm text-headline-sm text-on-surface">Does the HUD work without cellular reception?</span>
|
|
<span class="material-symbols-outlined text-on-surface-variant transition-transform duration-200" id="faq-icon-2">expand_more</span>
|
|
</button>
|
|
<div class="hidden px-space-md pb-space-md pt-0 font-body-md text-body-md text-on-surface-variant" id="faq-content-2">
|
|
Yes, 100%. MotorSignal caches high-resolution vector topographic maps locally on your device storage. The entire telemetry pipeline—including lean angles, acceleration records, and Bluetooth peer-to-peer pack alerts—operates completely off-grid. When you return to cellular range, your session data seamlessly syncs to the cloud.
|
|
</div>
|
|
</div>
|
|
<!-- FAQ Item 3 -->
|
|
<div class="rounded-xl bg-surface-container-low overflow-hidden transition-all duration-200">
|
|
<button class="w-full flex items-center justify-between p-space-md text-left focus:outline-none" onclick="toggleFaq(3)" type="button">
|
|
<span class="font-headline-sm text-headline-sm text-on-surface">Can I export my telemetry data to external race simulators?</span>
|
|
<span class="material-symbols-outlined text-on-surface-variant transition-transform duration-200" id="faq-icon-3">expand_more</span>
|
|
</button>
|
|
<div class="hidden px-space-md pb-space-md pt-0 font-body-md text-body-md text-on-surface-variant" id="faq-content-3">
|
|
Pro and Founder passes permit full high-frequency exports in standard 20Hz CSV, GPX, and RaceRender-compatible formats. You can effortlessly ingest your cornering data, G-force vectors, and split times into video overlays like DaVinci Resolve or telemetry analyzers like MoTeC i2.
|
|
</div>
|
|
</div>
|
|
<!-- FAQ Item 4 -->
|
|
<div class="rounded-xl bg-surface-container-low overflow-hidden transition-all duration-200">
|
|
<button class="w-full flex items-center justify-between p-space-md text-left focus:outline-none" onclick="toggleFaq(4)" type="button">
|
|
<span class="font-headline-sm text-headline-sm text-on-surface">What mounting hardware is recommended for vibration damping?</span>
|
|
<span class="material-symbols-outlined text-on-surface-variant transition-transform duration-200" id="faq-icon-4">expand_more</span>
|
|
</button>
|
|
<div class="hidden px-space-md pb-space-md pt-0 font-body-md text-body-md text-on-surface-variant" id="faq-content-4">
|
|
MotorSignal integrates native software-level low-pass vibration filtering. However, for physical optical image stabilization preservation, we strongly recommend mounts with elastomeric dampers such as the Quad Lock Vibration Dampener or Peak Design Motorcycle Mount.
|
|
</div>
|
|
</div>
|
|
<!-- FAQ Item 5 -->
|
|
<div class="rounded-xl bg-surface-container-low overflow-hidden transition-all duration-200">
|
|
<button class="w-full flex items-center justify-between p-space-md text-left focus:outline-none" onclick="toggleFaq(5)" type="button">
|
|
<span class="font-headline-sm text-headline-sm text-on-surface">How does the 14-day free trial and cancellation policy work?</span>
|
|
<span class="material-symbols-outlined text-on-surface-variant transition-transform duration-200" id="faq-icon-5">expand_more</span>
|
|
</button>
|
|
<div class="hidden px-space-md pb-space-md pt-0 font-body-md text-body-md text-on-surface-variant" id="faq-content-5">
|
|
When you activate Pro Rider, you receive 14 days of unrestricted access across all telemetry modules. You will receive an automated notification 48 hours prior to trial expiration. You can cancel with a single tap in your cockpit profile settings with zero retention loops or penalty fees.
|
|
</div>
|
|
</div>
|
|
<!-- FAQ Item 6 -->
|
|
<div class="rounded-xl bg-surface-container-low overflow-hidden transition-all duration-200">
|
|
<button class="w-full flex items-center justify-between p-space-md text-left focus:outline-none" onclick="toggleFaq(6)" type="button">
|
|
<span class="font-headline-sm text-headline-sm text-on-surface">What does the Founder Lifetime patch include?</span>
|
|
<span class="material-symbols-outlined text-on-surface-variant transition-transform duration-200" id="faq-icon-6">expand_more</span>
|
|
</button>
|
|
<div class="hidden px-space-md pb-space-md pt-0 font-body-md text-body-md text-on-surface-variant" id="faq-content-6">
|
|
Each Founder Pass purchase includes a bespoke physical aerospace-grade titanium helmet patch precision laser-engraved with your unique serialized rider callsign, accompanied by lifetime digital entitlement to all v5.x core releases and dedicated engineering Discord priority access.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Bottom Tactical Call-To-Action Banner -->
|
|
<section class="w-full px-gutter-lg pb-space-xl max-w-5xl mx-auto">
|
|
<div class="relative overflow-hidden rounded-xl bg-gradient-to-r from-surface-container via-surface-container-high to-surface-container p-space-lg md:p-space-xl flex flex-col md:flex-row items-center justify-between gap-space-md shadow-lg">
|
|
<div class="flex flex-col gap-space-xs text-left max-w-xl">
|
|
<span class="font-label-data text-label-data text-primary-container uppercase tracking-wider">Start Telemetry Recording</span>
|
|
<h3 class="font-headline-md text-headline-md text-on-surface">Ready to upgrade your cockpit intelligence?</h3>
|
|
<p class="font-body-md text-body-md text-on-surface-variant">Pair your phone in under 60 seconds. Experience real-time lean angles and pack synchronization on your next ride.</p>
|
|
</div>
|
|
<div class="flex items-center gap-space-sm shrink-0">
|
|
<a class="px-space-md py-space-sm rounded-lg bg-primary-container text-on-primary font-label-data text-label-data uppercase tracking-wider hover:bg-primary shadow-[0_0_16px_rgba(0,229,255,0.3)] transition-all" href="#">
|
|
Launch Trial Now
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
let currentBilling = 'annual';
|
|
|
|
function switchBilling(type) {
|
|
currentBilling = type;
|
|
const btnMonthly = document.getElementById('btn-monthly');
|
|
const btnAnnual = document.getElementById('btn-annual');
|
|
const proPrice = document.getElementById('pro-price');
|
|
const proCycle = document.getElementById('pro-cycle');
|
|
|
|
if (type === 'monthly') {
|
|
btnMonthly.className = 'px-space-md py-space-sm rounded-lg bg-primary-container text-on-primary font-label-data text-label-data uppercase tracking-wider shadow-lg transition-all duration-200';
|
|
btnAnnual.className = 'px-space-md py-space-sm rounded-lg font-label-data text-label-data uppercase tracking-wider transition-all duration-200 text-on-surface-variant hover:text-on-surface';
|
|
proPrice.textContent = '$9.99';
|
|
proCycle.textContent = '/ billed monthly';
|
|
} else {
|
|
btnAnnual.className = 'px-space-md py-space-sm rounded-lg bg-primary-container text-on-primary font-label-data text-label-data uppercase tracking-wider shadow-lg transition-all duration-200';
|
|
btnMonthly.className = 'px-space-md py-space-sm rounded-lg font-label-data text-label-data uppercase tracking-wider transition-all duration-200 text-on-surface-variant hover:text-on-surface';
|
|
proPrice.textContent = '$79';
|
|
proCycle.textContent = '/ billed annually';
|
|
}
|
|
}
|
|
|
|
function toggleFaq(index) {
|
|
const content = document.getElementById(`faq-content-${index}`);
|
|
const icon = document.getElementById(`faq-icon-${index}`);
|
|
|
|
if (content.classList.contains('hidden')) {
|
|
content.classList.remove('hidden');
|
|
icon.style.transform = 'rotate(180deg)';
|
|
} else {
|
|
content.classList.add('hidden');
|
|
icon.style.transform = 'rotate(0deg)';
|
|
}
|
|
}
|
|
</script></main><footer class="w-full bg-surface-container-lowest pt-space-xl pb-space-lg"><div class="w-full px-gutter-lg"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-space-lg pb-space-lg"><div class="lg:col-span-2 flex flex-col gap-space-sm"><div class="flex items-center gap-space-sm"><span class="font-headline-sm text-headline-sm uppercase tracking-wider text-primary">MotorSignal</span><span class="px-space-xs py-space-xs rounded font-label-caption text-label-caption bg-surface-container text-primary-container uppercase">Precision Cockpit HUD</span></div><p class="font-body-md text-body-md text-on-surface-variant max-w-md">Next-generation telemetry engine engineered for track day racers, aggressive sport riders, and synchronized pack navigation with real-time IMU lean angle computation.</p><div class="flex items-center gap-space-sm pt-space-xs"><span class="w-2.5 h-2.5 rounded-full bg-primary-container shadow-[0_0_8px_#00e5ff]"></span><span class="font-label-data text-label-data text-on-surface uppercase">Telemetry Core v4.8.2 Active</span></div></div><div class="flex flex-col gap-space-sm"><span class="font-label-data text-label-data text-primary uppercase tracking-wider">Platform Modules</span><ul class="flex flex-col gap-space-xs"><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Telemetry Specs</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Curvy Routes</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Pack Radar</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Draggy Launch</li></ul></div><div class="flex flex-col gap-space-sm"><span class="font-label-data text-label-data text-primary uppercase tracking-wider">Ecosystem</span><ul class="flex flex-col gap-space-xs"><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">OBD-II CANbus Link</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">IMU 6-Axis Calibration</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Corner Trajectory AI</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">G-Force Mapping</li></ul></div><div class="flex flex-col gap-space-sm"><span class="font-label-data text-label-data text-primary uppercase tracking-wider">Governance</span><ul class="flex flex-col gap-space-xs"><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Privacy Architecture</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Telemetry Terms</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Safety Disclaimers</li><li class="font-body-md text-body-md text-on-surface-variant hover:text-on-surface transition-colors cursor-pointer">Mesh Node Protocol</li></ul></div></div><div class="pt-space-md flex flex-col md:flex-row items-center justify-between gap-space-sm"><span class="font-label-caption text-label-caption text-on-surface-variant uppercase">© 2025 MotorSignal Technologies Inc. Built for zero-cognitive lag.</span><div class="flex items-center gap-space-md"><span class="font-label-caption text-label-caption text-on-surface-variant uppercase">All nodes operational</span><span class="font-label-data text-label-data text-primary">99.98% Latency <14ms</span></div></div></div></footer></body></html> |