Create a visual brand style guide page for "Inspira — Water Platform". This should be a clean, print/presentation-quality reference document rendered as a webpage — NOT a website with navigation menus. It should look like a professional brand guidelines PDF rendered as a webpage.

Here are all the detailed requirements:

BRAND NAME: Inspira — Water Platform
TAGLINE: "Transform Faster with Immediate Proof of Value"

---

LAYOUT & STRUCTURE:

• Clean, minimal layout with generous white space (at least 80px padding on sides on desktop)
• Vertical/scrolling layout like a document page, centered on the screen with a max-width of ~900px
• No navigation bar, no footer links, no website-like elements whatsoever
• Add elegant thin-line section dividers between major sections
• The whole page should feel like a high-end brand guidelines PDF document
• Use a subtle light gray (#F0F0F0) background behind the entire page, with white content cards/sections floating on top

COVER/HEADER SECTION:

• Large brand name "Inspira — Water Platform" in bold Inter font, colored #1B3A5C
• Tagline underneath: "Transform Faster with Immediate Proof of Value" in #0077B6
• Subtitle: "Brand Style Guide" in smaller text
• A subtle decorative line or accent element using the teal color #00B4D8

---

SECTION 1: COLOR PALETTE

• Section title: "Color Palette"
• Display 6 large color swatches as rectangles (at least 120px tall each)
• Arrange in a 3x2 grid or a row layout
• Each swatch should show:
  • The color as a filled rectangle with slightly rounded corners
  • The color name below
  • The hex code displayed prominently
  • A brief descriptor
• Colors:
  1. Primary Deep Blue: #1B3A5C — "Trust, Enterprise Credibility"
  2. Accent Teal: #00B4D8 — "Innovation, Energy"
  3. Electric Blue: #0077B6 — "Secondary Accent"
  4. Dark Gray: #2D2D2D — "Primary Text"
  5. Light Gray: #F0F0F0 — "Backgrounds"
  6. White: #FFFFFF — "Clean Space"
• The Light Gray and White swatches should have a subtle border so they're visible

---

SECTION 2: TYPOGRAPHY

• Section title: "Typography"
• Show the font family: "Inter" with a note that it's used for both headings and body
• Display heading samples at different sizes:
  • H1: "Heading One" at ~40px bold
  • H2: "Heading Two" at ~32px bold
  • H3: "Heading Three" at ~24px bold
  • H4: "Heading Four" at ~20px semibold
• Display body text sample: A paragraph of sample text at 16px regular weight with 1.5x line spacing
• Show the full alphabet in uppercase and lowercase in Inter
• Include a note about minimum body text size (16px) and line spacing (1.5x)

---

SECTION 3: BRAND VOICE

• Section title: "Brand Voice"
• Show tone descriptors: "Confident • Knowledgeable • Straightforward"
• Show style description: "Trusted advisor — professional, outcome-focused"
• Create a prominent DO / DON'T comparison layout:
  • Left column (DO) with a green checkmark or green accent (#22C55E):
    • "Measurable results from day one"
    • "Enterprise-grade AI that scales with you"
  • Right column (DON'T) with a red X or red accent (#EF4444):
    • "Revolutionary game-changing disruption!"
    • "The best AI ever created"
  • Style these as cards or highlighted blocks side by side
• Add a note: "Avoid: Hype, buzzwords, salesy language"

---

SECTION 4: KEY MESSAGING PILLARS

• Section title: "Key Messaging Pillars"
• Display 4 pillar cards in a 2x2 grid:
  1. Measurable Transformation — with a brief description like "Deliver quantifiable outcomes and trackable ROI from every initiative"
  2. Enterprise-Grade Trust — "Built for the security, compliance, and reliability demands of large organizations"
  3. Speed to Value — "Accelerate time-to-impact with rapid deployment and immediate proof of value"
  4. Full Visibility — "Complete transparency into progress, performance, and results at every stage"
• Each card should have:
  • A number or icon accent in #00B4D8
  • The pillar name in bold #1B3A5C
  • Description text in #2D2D2D
  • Clean card styling with subtle shadow or border

---

SECTION 5: TARGET AUDIENCES

• Section title: "Target Audiences"
• Display audience profiles in clean cards:

Card 1 — PRIMARY:

• Label: "Primary Audience"
• Title: "Transformation Leaders"
• Roles: CIO, CTO, CDO, VP Innovation
• Company size: Mid-to-large enterprises (500+ employees)
• Age range: 35–55
• Style the label/badge in #00B4D8

Card 2 — SECONDARY:

• Label: "Secondary Audience"
• Title: "Operations Decision-Makers"
• Roles: Directors, Senior Managers
• Style the label/badge in #0077B6

Card 3 — INDUSTRIES:

• Label: "Target Industries"
• List: Financial Services, Professional Services, Healthcare, Manufacturing, Technology
• Display as tags/pills or a clean list

---

FOOTER NOTE (not a website footer):

• A simple centered line at the bottom: "Inspira — Water Platform · Brand Style Guide · 2026" in small gray text

TECHNICAL REQUIREMENTS:

• Use Inter font from Google Fonts
• Fully responsive but optimized for desktop/print viewing
• Use Tailwind CSS for styling
• Make it a single-page React component
• Ensure all text is crisp and readable
• Use CSS that would look good if someone did a browser print