MotorSignal-App/docs/stitch-designs/code/51_terms_of_service.html

404 lines
37 KiB
HTML
Raw Permalink 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 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 Network</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&amp;family=JetBrains+Mono:wght@600;700&amp;family=Space+Grotesk:wght@600;700&amp;display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;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-primary-fixed-variant":"#004f58","tertiary":"#f2e9ff","surface-container-highest":"#32353b","on-tertiary-container":"#6834d1","on-error-container":"#ffdad6","outline":"#849396","surface-variant":"#32353b","inverse-surface":"#e0e2ea","on-primary-fixed":"#001f24","secondary-fixed-dim":"#b4c5ff","primary":"#c3f5ff","primary-fixed-dim":"#00daf3","on-primary":"#00363d","on-tertiary-fixed":"#23005c","on-primary-container":"#00626e","on-secondary-fixed":"#00174b","tertiary-container":"#d9c8ff","on-background":"#e0e2ea","error-container":"#93000a","on-tertiary":"#3c0091","primary-container":"#00e5ff","tertiary-fixed":"#e9ddff","on-tertiary-fixed-variant":"#5516be","on-error":"#690005","error":"#ffb4ab","on-secondary":"#002a78","surface-tint":"#00daf3","secondary":"#b4c5ff","tertiary-fixed-dim":"#d0bcff","inverse-primary":"#006875","outline-variant":"#3b494c","inverse-on-surface":"#2d3036","surface-dim":"#101419","on-surface":"#e0e2ea","secondary-container":"#0053db","surface-container-lowest":"#0b0e13","on-secondary-container":"#cdd7ff","secondary-fixed":"#dbe1ff","primary-fixed":"#9cf0ff","on-secondary-fixed-variant":"#003ea8","surface":"#101419","on-surface-variant":"#bac9cc","surface-container-high":"#272a30","surface-container":"#1d2025","surface-container-low":"#181c21","surface-bright":"#36393f","background":"#101419"},"borderRadius":{"DEFAULT":"0.25rem","lg":"0.5rem","xl":"0.75rem","full":"9999px"},"spacing":{"gutter":"1rem","space-xs":"0.25rem","space-sm":"0.5rem","space-xl":"2rem","space-md":"1rem","gutter-lg":"1.5rem","space-lg":"1.5rem","margin-lg":"2rem","margin":"1rem"},"fontFamily":{"body-lg":["Inter"],"headline-lg":["Space Grotesk"],"headline-sm":["Space Grotesk"],"label-caption":["Inter"],"telemetry-metric-lg":["JetBrains Mono"],"telemetry-metric-md":["JetBrains Mono"],"body-md":["Inter"],"display-hero":["Space Grotesk"],"telemetry-metric-lg-mobile":["JetBrains Mono"],"display-hero-mobile":["Space Grotesk"],"headline-md":["Space Grotesk"],"label-data":["JetBrains Mono"]},"fontSize":{"body-lg":["16px",{"lineHeight":"24px","fontWeight":"500"}],"headline-lg":["32px",{"lineHeight":"40px","letterSpacing":"-0.02em","fontWeight":"700"}],"headline-sm":["20px",{"lineHeight":"28px","fontWeight":"600"}],"label-caption":["11px",{"lineHeight":"14px","letterSpacing":"0.05em","fontWeight":"600"}],"telemetry-metric-lg":["48px",{"lineHeight":"48px","letterSpacing":"-0.04em","fontWeight":"700"}],"telemetry-metric-md":["28px",{"lineHeight":"32px","letterSpacing":"-0.02em","fontWeight":"600"}],"body-md":["14px",{"lineHeight":"20px","fontWeight":"400"}],"display-hero":["56px",{"lineHeight":"60px","letterSpacing":"-0.03em","fontWeight":"700"}],"telemetry-metric-lg-mobile":["36px",{"lineHeight":"36px","letterSpacing":"-0.03em","fontWeight":"700"}],"display-hero-mobile":["40px",{"lineHeight":"44px","letterSpacing":"-0.02em","fontWeight":"700"}],"headline-md":["24px",{"lineHeight":"32px","letterSpacing":"-0.01em","fontWeight":"600"}],"label-data":["12px",{"lineHeight":"16px","letterSpacing":"0.08em","fontWeight":"600"}]}}}}</script></head><body class="bg-surface font-body-md text-on-surface antialiased selection:bg-primary-container selection:text-on-primary-container"><header class="fixed top-0 w-full z-50 bg-surface/90 backdrop-blur-xl shadow-[0_1px_8px_rgba(0,0,0,0.4)]"><div class="h-16 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" data-path="features" href="#"><div class="w-8 h-8 rounded bg-surface-container-high flex items-center justify-center text-primary group-hover:text-primary-container transition-colors"><span class="material-symbols-outlined text-[20px]">radar</span></div><div class="flex flex-col"><span class="font-headline-sm text-headline-sm uppercase text-primary tracking-wider">MotorSignal</span><span class="font-label-caption text-label-caption text-on-surface-variant uppercase tracking-widest">Tactical Telemetry</span></div></a><div class="hidden xl:flex items-center gap-space-sm bg-surface-container-low px-space-md py-space-xs rounded-full shadow-[0_0_12px_rgba(0,229,255,0.08)]"><span class="w-2 h-2 rounded-full bg-primary-container animate-ping"></span><span class="w-1.5 h-1.5 rounded-full bg-primary-container -ml-3"></span><span class="font-label-data text-label-data text-primary uppercase">20HZ KALMAN SYNC ACTIVE</span><span class="font-label-caption text-label-caption text-on-surface-variant pl-space-xs">SYS.RDY // 0.04ms LATENCY</span></div></div><nav class="hidden lg:flex items-center gap-space-sm" data-active-classes="bg-surface-container-high text-primary font-bold"><a class="px-space-md py-space-xs rounded text-on-surface-variant hover:text-on-surface hover:bg-surface-container transition-all font-body-md text-body-md" data-path="features" href="#">Features</a><a class="px-space-md py-space-xs rounded text-on-surface-variant hover:text-on-surface hover:bg-surface-container transition-all font-body-md text-body-md" data-path="specs" href="#">Specs</a><a class="px-space-md py-space-xs rounded text-on-surface-variant hover:text-on-surface hover:bg-surface-container transition-all font-body-md text-body-md" data-path="support-desk" href="#">Support</a><a class="px-space-md py-space-xs rounded text-on-surface-variant hover:text-on-surface hover:bg-surface-container transition-all font-body-md text-body-md" data-path="docs" href="#">Docs</a></nav><div class="flex items-center gap-space-md"><a class="h-10 px-space-lg rounded bg-surface-container-high text-primary hover:bg-surface-container-highest hover:text-primary-container transition-all flex items-center font-label-data text-label-data uppercase tracking-wider" data-path="portal-sign-in" href="#">Portal / Sign-In</a><div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center"><span class="material-symbols-outlined text-on-primary text-[18px]">person</span></div></div></div></header><main class="w-full pt-16 bg-surface min-h-[calc(100vh-16rem)]"><div class="flex flex-col w-full">
<!-- Critical Safety Banner (Sticky below shell navigation) -->
<div class="w-full bg-surface-container-low/95 backdrop-blur-md px-gutter-lg py-space-md shadow-xl sticky top-16 z-40">
<div class="max-w-7xl mx-auto flex items-start sm:items-center gap-space-md">
<div class="p-space-xs rounded bg-surface-container-highest text-primary-container shrink-0 flex items-center justify-center shadow-[0_0_12px_rgba(0,229,255,0.25)]">
<span class="material-symbols-outlined text-[24px]">warning</span>
</div>
<div class="flex-1">
<div class="flex items-center gap-space-sm mb-0.5">
<span class="font-label-data text-label-data text-primary uppercase tracking-wider">MOTORSPORT &amp; ROAD SAFETY MANDATE</span>
<span class="h-1.5 w-1.5 rounded-full bg-primary-container animate-pulse"></span>
</div>
<p class="font-body-md text-body-md text-on-surface leading-snug">
MotorSignal is an informational telemetry instrumentation tool. Operating a motorcycle involves inherent danger. Riders assume all operational and legal risks and are solely responsible for compliance with local traffic statutes, speed limits, and road regulations.
</p>
</div>
<div class="hidden md:flex flex-col items-end shrink-0 pl-space-md">
<span class="font-label-caption text-label-caption uppercase text-on-surface-variant">STATUTE PROTOCOL</span>
<span class="font-label-data text-label-data text-secondary">CAL.VEH.§40508</span>
</div>
</div>
</div>
<!-- Document Meta & Overview Strip -->
<div class="w-full px-gutter-lg py-space-xl">
<div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-space-lg items-center">
<div class="lg:col-span-8 flex flex-col gap-space-xs">
<div class="flex items-center gap-space-sm">
<span class="px-space-sm py-0.5 rounded bg-surface-container-high font-label-caption text-label-caption text-primary tracking-widest uppercase">LEGAL ARCHITECTURE</span>
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase">DOCUMENT REF: TOS-MS-2024-V4.1</span>
</div>
<h1 class="font-headline-lg text-headline-lg uppercase text-on-surface tracking-tight">Terms of Service &amp; Telemetry Covenant</h1>
<p class="font-body-lg text-body-lg text-on-surface-variant max-w-2xl">
Legally binding parameters governing the acquisition, processing, high-g spatial telemetry, and closed-circuit dynamics logs captured via MotorSignal mobile applications and multi-node hardware transceivers.
</p>
</div>
<div class="lg:col-span-4 flex flex-col gap-space-xs bg-surface-container p-space-md rounded-xl shadow-md">
<div class="flex justify-between items-center pb-space-xs">
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase tracking-wider">REVISION STATUS</span>
<span class="font-label-data text-label-data text-primary">OCTOBER 2024 // ACTIVE</span>
</div>
<div class="flex justify-between items-center pb-space-xs">
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase tracking-wider">JURISDICTION</span>
<span class="font-label-data text-label-data text-on-surface">CALIFORNIA, USA</span>
</div>
<div class="flex justify-between items-center">
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase tracking-wider">DIGITAL SIGNATURE</span>
<span class="font-label-data text-label-data text-secondary">SHA-256 VALIDATED</span>
</div>
</div>
</div>
</div>
<!-- Main Legal Container Grid (col-lg-3 Navigation / col-lg-9 Content) -->
<div class="w-full px-gutter-lg pb-space-xl">
<div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-space-xl">
<!-- Left Sticky Index Navigation (col-lg-3) -->
<aside class="lg:col-span-3">
<div class="sticky top-36 flex flex-col gap-space-sm">
<div class="flex items-center justify-between pb-space-xs px-space-xs">
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase tracking-widest">Section Index</span>
<span class="font-label-caption text-label-caption text-primary">08 ARTICLES</span>
</div>
<nav class="flex flex-col gap-1" id="terms-index-nav">
<a class="terms-nav-item flex items-center justify-between px-space-md py-space-sm rounded bg-surface-container-high text-primary font-label-data text-label-data transition-all shadow-sm" href="#section-01">
<span class="truncate">01 // Acceptance of Terms</span>
<span class="material-symbols-outlined text-[16px] text-primary-container ml-space-xs">chevron_right</span>
</a>
<a class="terms-nav-item flex items-center justify-between px-space-md py-space-sm rounded hover:bg-surface-container text-on-surface-variant hover:text-on-surface font-label-data text-label-data transition-all" href="#section-02">
<span class="truncate">02 // Motorsport Risk</span>
<span class="material-symbols-outlined text-[16px] opacity-0 group-hover:opacity-100 ml-space-xs">chevron_right</span>
</a>
<a class="terms-nav-item flex items-center justify-between px-space-md py-space-sm rounded hover:bg-surface-container text-on-surface-variant hover:text-on-surface font-label-data text-label-data transition-all" href="#section-03">
<span class="truncate">03 // Closed-Course Launch</span>
<span class="material-symbols-outlined text-[16px] opacity-0 group-hover:opacity-100 ml-space-xs">chevron_right</span>
</a>
<a class="terms-nav-item flex items-center justify-between px-space-md py-space-sm rounded hover:bg-surface-container text-on-surface-variant hover:text-on-surface font-label-data text-label-data transition-all" href="#section-04">
<span class="truncate">04 // IP &amp; Telemetry</span>
<span class="material-symbols-outlined text-[16px] opacity-0 group-hover:opacity-100 ml-space-xs">chevron_right</span>
</a>
<a class="terms-nav-item flex items-center justify-between px-space-md py-space-sm rounded hover:bg-surface-container text-on-surface-variant hover:text-on-surface font-label-data text-label-data transition-all" href="#section-05">
<span class="truncate">05 // Third-Party APIs</span>
<span class="material-symbols-outlined text-[16px] opacity-0 group-hover:opacity-100 ml-space-xs">chevron_right</span>
</a>
<a class="terms-nav-item flex items-center justify-between px-space-md py-space-sm rounded hover:bg-surface-container text-on-surface-variant hover:text-on-surface font-label-data text-label-data transition-all" href="#section-06">
<span class="truncate">06 // Subscription &amp; Billing</span>
<span class="material-symbols-outlined text-[16px] opacity-0 group-hover:opacity-100 ml-space-xs">chevron_right</span>
</a>
<a class="terms-nav-item flex items-center justify-between px-space-md py-space-sm rounded hover:bg-surface-container text-on-surface-variant hover:text-on-surface font-label-data text-label-data transition-all" href="#section-07">
<span class="truncate">07 // Limitation of Liability</span>
<span class="material-symbols-outlined text-[16px] opacity-0 group-hover:opacity-100 ml-space-xs">chevron_right</span>
</a>
<a class="terms-nav-item flex items-center justify-between px-space-md py-space-sm rounded hover:bg-surface-container text-on-surface-variant hover:text-on-surface font-label-data text-label-data transition-all" href="#section-08">
<span class="truncate">08 // Sensor Calibration</span>
<span class="material-symbols-outlined text-[16px] opacity-0 group-hover:opacity-100 ml-space-xs">chevron_right</span>
</a>
</nav>
<div class="mt-space-md p-space-md rounded-xl bg-surface-container-low flex flex-col gap-space-xs">
<span class="font-label-caption text-label-caption uppercase text-on-surface-variant">LEGAL INQUIRIES</span>
<span class="font-label-data text-label-data text-primary">legal@motorsignal.internal</span>
<p class="font-body-md text-body-md text-on-surface-variant text-xs mt-1">Response time: ≤ 24 hours under standard dispatch.</p>
</div>
</div>
</aside>
<!-- Main Body Text (col-lg-9) -->
<main class="lg:col-span-9 flex flex-col gap-space-xl min-w-0">
<!-- 01 // Acceptance of Terms & Eligibility -->
<section class="scroll-mt-40 flex flex-col gap-space-md bg-surface-container-low p-space-xl rounded-xl shadow-md" id="section-01">
<div class="flex items-center justify-between pb-space-xs">
<div class="flex items-center gap-space-sm">
<span class="font-label-data text-label-data text-primary uppercase bg-surface-container-high px-space-sm py-1 rounded">01 // SECTION</span>
<h2 class="font-headline-md text-headline-md uppercase text-on-surface tracking-wide">Acceptance of Terms &amp; Eligibility</h2>
</div>
<span class="material-symbols-outlined text-primary-container text-[20px]">verified</span>
</div>
<div class="font-body-md text-body-md text-on-surface-variant flex flex-col gap-space-sm">
<p>
By mounting, docking, initializing, installing, or accessing the MotorSignal mobile heads-up display (HUD), Cloud Telemetry Portal, or RF Sub-Gigahertz Mesh Communication Nodes ("Hardware &amp; Software Ecosystem"), you acknowledge an unconditional, legally binding agreement with MotorSignal Dynamics Corp. ("MotorSignal").
</p>
<p>
Eligibility is restricted exclusively to individuals who hold a valid, active operator's license with appropriate motorcycle endorsements in their respective jurisdiction and who have attained the legal age of majority (minimum 18 years of age, or 21 in select commercial test regions). Unauthorized access, reverse-engineering of firmware registers, or spoofing 20Hz Kalman GPS synchronization streams constitutes an immediate and irrevocable revocation of operating privileges.
</p>
</div>
<!-- Tactical Callout Tile -->
<div class="p-space-md rounded-lg bg-surface-container-high flex gap-space-md items-start">
<span class="material-symbols-outlined text-secondary text-[22px] mt-0.5">terminal</span>
<div class="flex flex-col gap-1">
<span class="font-label-data text-label-data uppercase text-on-surface">COVENANT BINDING SCOPE</span>
<p class="font-body-md text-body-md text-on-surface-variant">
This agreement covers all real-time 100Hz IMU lean-angle computation, brake-bias pressure interpolation, local packet meshes, and satellite-uplink synchronization channels operated under standard or racing telemetry protocol stacks.
</p>
</div>
</div>
</section>
<!-- 02 // Motorsport Risk & Assumption -->
<section class="scroll-mt-40 flex flex-col gap-space-md bg-surface-container-low p-space-xl rounded-xl shadow-md" id="section-02">
<div class="flex items-center justify-between pb-space-xs">
<div class="flex items-center gap-space-sm">
<span class="font-label-data text-label-data text-error uppercase bg-surface-container-high px-space-sm py-1 rounded">02 // SECTION</span>
<h2 class="font-headline-md text-headline-md uppercase text-on-surface tracking-wide">Motorsport Risk &amp; Express Assumption</h2>
</div>
<span class="material-symbols-outlined text-error text-[20px]">emergency</span>
</div>
<div class="font-body-md text-body-md text-on-surface-variant flex flex-col gap-space-sm">
<p class="text-on-surface font-medium">
MOTORCYCLE OPERATION IS AN ULTRA-HAZARDOUS ACTIVITY INVOLVING RISK OF SERIOUS INJURY, PERMANENT IMPAIRMENT, OR FATALITY.
</p>
<p>
You acknowledge and explicitly accept that dynamic physical forces—including loss of tire surface traction, high-side and low-side ejections, gravel, oil spills, changing weather conditions, blind radiuses, brake fade, and abrupt maneuvers by third-party motorists—exist independently of, and cannot be mitigated by, telemetric displays or predictive safety audio queues.
</p>
<p>
MotorSignal telemetry displays are auxiliary observation instruments only. You agree that your physical vision, environmental appraisal, situational discretion, and mechanical command over your vehicle remain non-delegable personal duties. You waive all claims against MotorSignal resulting from collision incidents during public transit or track operation.
</p>
</div>
<!-- Visual Hazard Indicator Graphic -->
<div class="p-space-md rounded-lg bg-surface-container flex flex-col gap-space-sm">
<div class="flex items-center justify-between">
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase">TELEMETRY LATENCY FACTOR</span>
<span class="font-label-data text-label-data text-primary">KALMAN DELAY: ≤ 0.04 MS</span>
</div>
<div class="w-full bg-surface-container-highest h-2 rounded-full overflow-hidden flex">
<div class="bg-primary-container h-full w-[85%]"></div>
<div class="bg-secondary h-full w-[15%]"></div>
</div>
<span class="font-label-caption text-label-caption text-on-surface-variant italic">
Digital sensor feedback must NEVER supersede real-time visual acuity and braking reaction thresholds.
</span>
</div>
</section>
<!-- 03 // Closed-Course Performance Launch Mode -->
<section class="scroll-mt-40 flex flex-col gap-space-md bg-surface-container-low p-space-xl rounded-xl shadow-md" id="section-03">
<div class="flex items-center justify-between pb-space-xs">
<div class="flex items-center gap-space-sm">
<span class="font-label-data text-label-data text-primary uppercase bg-surface-container-high px-space-sm py-1 rounded">03 // SECTION</span>
<h2 class="font-headline-md text-headline-md uppercase text-on-surface tracking-wide">Closed-Course Performance Launch Mode</h2>
</div>
<span class="material-symbols-outlined text-primary-container text-[20px]">speed</span>
</div>
<div class="font-body-md text-body-md text-on-surface-variant flex flex-col gap-space-sm">
<p>
The MotorSignal application provides acceleration performance tracking interfaces—including the 0–60 MPH, 0–100 KM/H, 1/8-mile, and 1/4-mile drag timer modules ("Launch Analytics").
</p>
<p>
<strong class="text-on-surface">MANDATORY TRACK USE ENFORCEMENT:</strong> Launch Analytics are engineered and licensed strictly for sanctioned racing facilities, drag strips, and closed courses with physical runoff barriers. Activating Launch Analytics on municipal streets, interstate freeways, or public highways violates this agreement and terminates platform support. MotorSignal disclaims all liability for civil violations, misdemeanor reckless driving penalties, or vehicular impoundment resulting from illicit acceleration tests.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-space-md pt-space-xs">
<div class="p-space-md rounded-lg bg-surface-container flex flex-col gap-space-xs">
<div class="flex items-center gap-space-xs text-primary">
<span class="material-symbols-outlined text-[18px]">sports_motorsports</span>
<span class="font-label-data text-label-data uppercase">Authorized Environment</span>
</div>
<p class="font-body-md text-body-md text-on-surface-variant text-sm">
FIM/AMA homologated racing circuits, enclosed dynamometer rooms, and sanctioned private airstrips with medical personnel stationed.
</p>
</div>
<div class="p-space-md rounded-lg bg-surface-container flex flex-col gap-space-xs">
<div class="flex items-center gap-space-xs text-error">
<span class="material-symbols-outlined text-[18px]">cancel</span>
<span class="font-label-data text-label-data uppercase">Prohibited Operation</span>
</div>
<p class="font-body-md text-body-md text-on-surface-variant text-sm">
Any public arterial roadway, residential thoroughfare, shared carpool corridor, or non-sanctioned canyon pass.
</p>
</div>
</div>
</section>
<!-- 04 // Intellectual Property & Telemetry Data Sovereignty -->
<section class="scroll-mt-40 flex flex-col gap-space-md bg-surface-container-low p-space-xl rounded-xl shadow-md" id="section-04">
<div class="flex items-center justify-between pb-space-xs">
<div class="flex items-center gap-space-sm">
<span class="font-label-data text-label-data text-primary uppercase bg-surface-container-high px-space-sm py-1 rounded">04 // SECTION</span>
<h2 class="font-headline-md text-headline-md uppercase text-on-surface tracking-wide">Telemetry Data Sovereignty &amp; Rider IP</h2>
</div>
<span class="material-symbols-outlined text-primary-container text-[20px]">database</span>
</div>
<div class="font-body-md text-body-md text-on-surface-variant flex flex-col gap-space-sm">
<p>
MotorSignal upholds absolute rider data sovereignty. You own all raw IMU metrics, pitch-and-roll coordinates, GPS waypoints, suspension displacement logs, throttle-position traces, and apex thermal records generated by your vehicle ("Rider Telemetry Logs").
</p>
<p>
By enabling Cloud Sync, you grant MotorSignal a worldwide, royalty-free license solely to transmit, encrypt, format, and render your telemetry logs within your authenticated account console, or within designated pack riders whom you authorize via peer-to-peer mesh tokens. MotorSignal does NOT monetize, sell, or disclose personal telemetry sets to vehicle insurance carriers or advertising exchanges without explicit cryptographic opt-in consent.
</p>
</div>
<!-- Cryptographic Assurance Box -->
<div class="p-space-md rounded-lg bg-surface-container-highest flex items-center justify-between flex-wrap gap-space-md">
<div class="flex items-center gap-space-md">
<span class="material-symbols-outlined text-primary-container text-[28px]">lock_clock</span>
<div class="flex flex-col">
<span class="font-label-data text-label-data text-on-surface uppercase">LOCAL-FIRST STORAGE PROTOCOL</span>
<span class="font-label-caption text-label-caption text-on-surface-variant">TELEMETRY CACHES ARE ENCRYPTED VIA ZERO-KNOWLEDGE HARDWARE ENCLAVE</span>
</div>
</div>
<span class="px-space-md py-1 rounded bg-surface-container font-label-data text-label-data text-primary">AES-256 GCM</span>
</div>
</section>
<!-- 05 // Third-Party APIs & Waze Radar Integrations -->
<section class="scroll-mt-40 flex flex-col gap-space-md bg-surface-container-low p-space-xl rounded-xl shadow-md" id="section-05">
<div class="flex items-center justify-between pb-space-xs">
<div class="flex items-center gap-space-sm">
<span class="font-label-data text-label-data text-primary uppercase bg-surface-container-high px-space-sm py-1 rounded">05 // SECTION</span>
<h2 class="font-headline-md text-headline-md uppercase text-on-surface tracking-wide">Third-Party APIs &amp; Radar Integrations</h2>
</div>
<span class="material-symbols-outlined text-primary-container text-[20px]">radar</span>
</div>
<div class="font-body-md text-body-md text-on-surface-variant flex flex-col gap-space-sm">
<p>
MotorSignal interoperates with external data feeds, including community hazard streams, OpenWebNinja interfaces, and third-party municipal road APIs ("Third-Party Feeds").
</p>
<p>
MotorSignal provides zero guarantee regarding the accuracy, completeness, speed, or continuity of third-party radar cameras, mobile speed trap coordinates, red-light surveillance points, or active road construction notices. Third-party feeds may undergo unexpected deprecation, latency surges, or geographical outages. Reliance on auxiliary hazard banners for enforcement avoidance is strictly at the operator's personal risk.
</p>
</div>
</section>
<!-- 06 // Subscription & Pro Tier Renewals -->
<section class="scroll-mt-40 flex flex-col gap-space-md bg-surface-container-low p-space-xl rounded-xl shadow-md" id="section-06">
<div class="flex items-center justify-between pb-space-xs">
<div class="flex items-center gap-space-sm">
<span class="font-label-data text-label-data text-primary uppercase bg-surface-container-high px-space-sm py-1 rounded">06 // SECTION</span>
<h2 class="font-headline-md text-headline-md uppercase text-on-surface tracking-wide">Subscription &amp; Pro Tier Renewals</h2>
</div>
<span class="material-symbols-outlined text-primary-container text-[20px]">credit_card</span>
</div>
<div class="font-body-md text-body-md text-on-surface-variant flex flex-col gap-space-sm">
<p>
Access to high-frequency 20Hz satellite positioning, dual-camera synchronization, and long-range Mesh Hub pairing requires an active MotorSignal Pro Tier subscription.
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-space-sm my-space-xs">
<div class="p-space-sm rounded bg-surface-container flex flex-col gap-1">
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase">BILLING CADENCE</span>
<span class="font-label-data text-label-data text-primary">MONTHLY / ANNUAL</span>
</div>
<div class="p-space-sm rounded bg-surface-container flex flex-col gap-1">
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase">RENEWAL LOGIC</span>
<span class="font-label-data text-label-data text-on-surface">AUTO-RENEWING</span>
</div>
<div class="p-space-sm rounded bg-surface-container flex flex-col gap-1">
<span class="font-label-caption text-label-caption text-on-surface-variant uppercase">PORTAL TERMINATION</span>
<span class="font-label-data text-label-data text-secondary">INSTANT ACCESS</span>
</div>
</div>
<p>
Subscriptions automatically renew at the close of each billing cycle unless revoked 24 hours prior via the Cloud Portal settings. Pro-rated refunds are not granted for partial cycle expirations, though access persists until the expiration of the purchased calendar interval.
</p>
</div>
</section>
<!-- 07 // Limitation of Liability & Indemnity -->
<section class="scroll-mt-40 flex flex-col gap-space-md bg-surface-container-low p-space-xl rounded-xl shadow-md" id="section-07">
<div class="flex items-center justify-between pb-space-xs">
<div class="flex items-center gap-space-sm">
<span class="font-label-data text-label-data text-error uppercase bg-surface-container-high px-space-sm py-1 rounded">07 // SECTION</span>
<h2 class="font-headline-md text-headline-md uppercase text-on-surface tracking-wide">Limitation of Liability &amp; Indemnity</h2>
</div>
<span class="material-symbols-outlined text-error text-[20px]">gavel</span>
</div>
<div class="font-body-md text-body-md text-on-surface-variant flex flex-col gap-space-sm">
<p class="uppercase text-on-surface font-semibold text-sm">
TO THE MAXIMUM EXTENT PERMITTED UNDER APPLICABLE STATUTE:
</p>
<p>
Under no circumstances shall MotorSignal Dynamics Corp., its engineering officers, track affiliates, or hardware partners be liable for incidental, indirect, punitive, or consequential damages, vehicular damage, engine seizures, tire blowouts, loss of life, or personal physical injury resulting from the usage or inability to use the telemetric software or hardware modules.
</p>
<p>
In all cases, MotorSignal's aggregate, combined liability across all causes of action shall be strictly limited to the total sum of subscription fees actually paid by the rider to MotorSignal during the twelve (12) calendar months immediately preceding the event giving rise to liability.
</p>
</div>
</section>
<!-- 08 // Hardware Sensor Calibration Warranty -->
<section class="scroll-mt-40 flex flex-col gap-space-md bg-surface-container-low p-space-xl rounded-xl shadow-md" id="section-08">
<div class="flex items-center justify-between pb-space-xs">
<div class="flex items-center gap-space-sm">
<span class="font-label-data text-label-data text-primary uppercase bg-surface-container-high px-space-sm py-1 rounded">08 // SECTION</span>
<h2 class="font-headline-md text-headline-md uppercase text-on-surface tracking-wide">Hardware Sensor Calibration Warranty</h2>
</div>
<span class="material-symbols-outlined text-primary-container text-[20px]">tune</span>
</div>
<div class="font-body-md text-body-md text-on-surface-variant flex flex-col gap-space-sm">
<p>
Physical hardware transceivers, OBD-II CAN-bus taps, and bar-mounted display units are provided with a one (1) year limited hardware warranty against defect in materials and craftsmanship.
</p>
<p>
Thermal sensor accuracy and IMU angular calibration may degrade when subjected to engine vibrations exceeding 50G RMS, high-pressure water blasting directly onto silicone seals, or improper mounting torques outside our 4.5Nm specifications. Operators are solely responsible for executing the pre-ride calibration check before track sessions.
</p>
</div>
</section>
<!-- Bottom Agreement Confirmation & PDF Export Card -->
<section class="mt-space-lg p-space-xl rounded-xl bg-surface-container flex flex-col md:flex-row items-center justify-between gap-space-lg shadow-xl">
<div class="flex items-center gap-space-md">
<div class="w-12 h-12 rounded-lg bg-surface-container-highest flex items-center justify-center text-primary-container shrink-0">
<span class="material-symbols-outlined text-[28px]">policy</span>
</div>
<div class="flex flex-col">
<span class="font-headline-sm text-headline-sm uppercase text-on-surface">Legal Covenant Certified</span>
<span class="font-label-data text-label-data text-on-surface-variant mt-0.5">
Last Revised: October 2024 • Version 4.1 • Governed under State of California Commercial Code
</span>
</div>
</div>
<div class="flex items-center gap-space-sm shrink-0 w-full md:w-auto">
<a class="flex-1 md:flex-initial h-12 px-space-lg rounded bg-surface-container-high hover:bg-surface-container-highest text-primary flex items-center justify-center gap-space-xs transition-colors font-label-data text-label-data uppercase tracking-wider" href="#">
<span class="material-symbols-outlined text-[18px]">download</span>
<span>Download Signed PDF</span>
</a>
<button class="flex-1 md:flex-initial h-12 px-space-lg rounded bg-primary-container hover:bg-primary-fixed-dim text-on-primary font-label-data text-label-data uppercase tracking-wider font-semibold transition-all flex items-center justify-center gap-space-xs shadow-[0_0_16px_rgba(0,229,255,0.3)]" id="confirm-terms-btn" type="button">
<span class="material-symbols-outlined text-[18px]">done_all</span>
<span>Acknowledge Terms</span>
</button>
</div>
</section>
</main>
</div>
</div>
</div>
<script>
// Highlighting active section in the sticky nav on scroll
document.addEventListener('DOMContentLoaded', () => {
const navLinks = document.querySelectorAll('.terms-nav-item');
const sections = Array.from(navLinks).map(link => {
const id = link.getAttribute('href').replace('#', '');
return document.getElementById(id);
}).filter(Boolean);
window.addEventListener('scroll', () => {
let activeIndex = 0;
const scrollPos = window.scrollY + 200;
sections.forEach((sec, idx) => {
if (sec.offsetTop <= scrollPos) {
activeIndex = idx;
}
});
navLinks.forEach((link, idx) => {
if (idx === activeIndex) {
link.classList.remove('text-on-surface-variant', 'hover:bg-surface-container');
link.classList.add('bg-surface-container-high', 'text-primary', 'shadow-sm');
const chevron = link.querySelector('.material-symbols-outlined');
if (chevron) {
chevron.classList.remove('opacity-0');
chevron.classList.add('text-primary-container');
}
} else {
link.classList.add('text-on-surface-variant', 'hover:bg-surface-container');
link.classList.remove('bg-surface-container-high', 'text-primary', 'shadow-sm');
const chevron = link.querySelector('.material-symbols-outlined');
if (chevron) {
chevron.classList.add('opacity-0');
chevron.classList.remove('text-primary-container');
}
}
});
});
const confirmBtn = document.getElementById('confirm-terms-btn');
if (confirmBtn) {
confirmBtn.addEventListener('click', () => {
confirmBtn.innerHTML = '<span class="material-symbols-outlined text-[18px]">check_circle</span><span>Acknowledged & Logged</span>';
confirmBtn.classList.remove('bg-primary-container');
confirmBtn.classList.add('bg-surface-container-highest', 'text-primary');
});
}
});
</script></main><footer class="w-full bg-surface-container-lowest mt-space-xl"><div class="w-full px-gutter-lg py-space-xl max-w-7xl mx-auto flex flex-col gap-space-lg"><div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-space-md pb-space-lg"><div class="flex flex-col gap-space-xs"><div class="flex items-center gap-space-sm"><span class="font-headline-sm text-headline-sm uppercase text-primary">MotorSignal Core</span><span class="font-label-caption text-label-caption px-space-xs py-0.5 rounded bg-surface-container-high text-on-surface-variant uppercase">SECURE SPEC V4.2</span></div><p class="font-body-md text-body-md text-on-surface-variant max-w-lg">High-frequency multi-node telemetry routing and spatial dynamics monitoring for high-vibration mission-critical applications.</p></div><div class="flex flex-wrap items-center gap-space-sm"><div class="flex items-center gap-space-xs px-space-md py-space-xs rounded bg-surface-container-low"><span class="material-symbols-outlined text-[16px] text-primary-container">lock</span><span class="font-label-data text-label-data text-on-surface uppercase">AES-GCM-256</span><span class="w-1.5 h-1.5 rounded-full bg-primary-container"></span></div><div class="flex items-center gap-space-xs px-space-md py-space-xs rounded bg-surface-container-low"><span class="material-symbols-outlined text-[16px] text-secondary">verified_user</span><span class="font-label-data text-label-data text-on-surface uppercase">FIPS 140-3 LEVEL 3</span><span class="w-1.5 h-1.5 rounded-full bg-secondary"></span></div></div></div><div class="flex flex-col md:flex-row items-center justify-between gap-space-md pt-space-md"><div class="font-label-caption text-label-caption text-on-surface-variant uppercase tracking-wider">© 2024 MOTORSIGNAL DYNAMICS CORP. ALL TELEMETRIC CHANNELS ENCRYPTED.</div><nav class="flex items-center gap-space-lg flex-wrap" data-active-classes="text-primary font-bold"><a class="font-label-data text-label-data text-on-surface-variant hover:text-on-surface transition-colors uppercase" data-path="privacy-policy" href="#">Privacy Policy</a><a aria-current="page" class="transition-colors uppercase text-primary font-bold" data-path="terms-of-service" href="#">Terms of Service</a><a class="font-label-data text-label-data text-on-surface-variant hover:text-on-surface transition-colors uppercase" data-path="support-desk" href="#">Support Desk</a><a class="font-label-data text-label-data text-on-surface-variant hover:text-on-surface transition-colors uppercase" data-path="docs" href="#">Documentation</a></nav></div></div></footer></body></html>