Products
RentalOS
Fleet & rental management
ClubOS
Membership & club management
AuctionOS
Online vehicle auctions
Pocket Drives
Vehicle rental marketplace
Custom Websites
Branded online presence
Miles AI
AI copilot for your business
Navigate
Chat With Us
Pocket RentalOS
Run your entire car rental business using Pocket RentalOS.
More than just a tool for managing bookings
RentalOS now connects every operational element
From renter verification to consignment payouts—into one seamless ecosystem
Powered by Pocket RentalOS
Utah Auto Gallery
The only platform to run your rental car business like a tech company
From private customer folio links to your white-label showroom to our exclusive Turo calendar sync, eliminate manual steps and paperwork.
Luxury Rental Management Software
Automate your luxury rentals from booking to payout. Manage folios, ID checks, insurance, payments, and check-in/out—fully synced and secure.
Automated booking management
Real-time insurance verification
Secure payment processing
Get to know RentalOS
Turo Calendar Sync.
Keep your Turo and private rental calendars perfectly synchronized to prevent double bookings and maximize utilization.
White-Labeled Booking Websites.
Custom branded booking websites that showcase your fleet with professional design and seamless user experience.
Third-Party Renter Verification.
Automated background checks, license verification, and identity validation through trusted third-party services.
Third-Party Insurance Verification.
Real-time insurance policy verification through Axle® to ensure full coverage protection for every rental.
Credit Card Processing & Holds.
Secure payment processing with automatic charges, refunds, security deposit holds, and multi-payment scheduling.
Digital Rental Agreements & Signatures.
Legally binding e-signature rental agreements with custom terms and automatic execution workflows.
Check-In/Check-Out Management.
Streamlined digital check-in process with photo documentation, mileage tracking, and damage assessment.
Real-world results
No Hype. Built on Proof, Not Promises.
15+
hours saved per week through automation
85%
reduction in manual paperwork
$759.52K
RentalOS Host Savings vs Turo
Just Launched
Turo® Calendar Sync
Automatically pull Turo bookings into RentalOS
Unify operations across all platforms
Eliminate manual entry and reduce errors
Keep entire rental business in sync
Just Launched
Turo® Calendar Sync
Automatically pull Turo bookings into RentalOS
Unify operations across all platforms
Eliminate manual entry and reduce errors
Keep entire rental business in sync
$253.84K
ClubOS Memberships
$758.47K
RentalOS Host Savings vs Turo
Manage Your Rental Fleet.
Manage your car rentals details with precision and ease. Set daily and weekly rates, track break-even costs, and monitor your current month's performance at a glance—including days remaining to break even. Need more bookings? Seamlessly toggle into the Pocket Rental Network to tap into a steady flow of high-quality rental leads. Everything you need to stay profitable, all in one place.
Your Rental Folio Dashboard.
Effortlessly manage your rental folios with powerful, automated tools designed for a seamless rental experience. Secure bookings with credit card holds, streamline check-in and check-out with time-stamped photos, and eliminate paperwork with digital signatures for rental agreements. Whether tracking expenses, monitoring renter details, or managing payouts, Pocket's rental folio management tools help you deliver a world-class experience while maximizing efficiency and boosting earnings.
Third-Party Insurance Verification.
To streamline the rental process, we've integrated Axle's® instant insurance verification services. Axle® is a universal API for insurance data, enabling real-time access to policy status, coverage details, and term information directly from insurance carriers. By leveraging Axle's® technology, you can also monitor any changes to your renter's insurance policy, such as cancellations or updates, in real-time.
Renter Verification.
To ensure a secure and trustworthy rental process, Pocket Rentals employs Stripe Identity for renter verification. This integration enables instant confirmation of user identities by verifying government-issued IDs and matching them with live selfies. By automating identity verification, businesses can reduce fraud and provide a frictionless experience for legitimate users.
Your brand powered by Pocket
RentalOS is fully white-labeled, giving your business a professional, branded experience from start to finish.
Bring your own domain
Your rental showroom maps seamlessly to your custom domain, providing a sleek, standalone platform for customers to browse, book, and manage rentals.
Connect to your custom domain
Get to know our industry-first marketing channels
Redline Wholesale Marketplace.
Rental Redline is our wholesale network for operator-to-operator fleets.
Rental Network Lead Generation.
Pocket's Rental Network is an industry-first system connecting rental businesses with a powerful network of Pocket Members who bring in rental customers and leads.
Consumer iOS App (Coming Q1 2026).
A dedicated consumer mobile application that will allow customers to discover and book luxury rental vehicles directly from their iOS devices.
Mercury® Banking Integration for Seamless Owner Payouts
Pocket's Mercury Banking integration brings instant, one-click ACH payouts directly into your RentalOS workflow. By connecting your Mercury account via API key, all your accounts are automatically loaded into the platform.
Automatic account loading
Complete transparency tracking
Auto-Calculate Profit & Loss Down to the Penny.
Pocket makes it easy to track the full profit & loss of every vehicle in your fleet. Attribute expenses, monitor rental income, and automatically factor in taxes, merchant fees, platform fees, and rental network commissions for a complete financial picture. Whether you own the vehicle or manage consignment rentals, Pocket calculates accurate owner payouts, ensuring every dollar is accounted for. With real-time tracking and automated reporting, you'll always know exactly where your profits stand—no spreadsheets required.
Easily Manage Owner Payouts.
Pocket simplifies consignment owner management with real-time payout tracking and automated reporting. Instantly see which payouts are due, track completed payouts, and calculate each owner's percentage of profit for a specific date range. Owners get full transparency with a dedicated login, allowing them to view their earnings in real time and track payouts as they happen. With seamless payout management, reporting, and automated calculations, Pocket makes consignment ownership effortless.
Miles AI 24/7 Booking Agent
Miles AI is a 24/7 booking agent available by chat and voice that greets every guest, captures name and mobile first, and then—using intent detection—seamlessly handles new reservations, updates, and active-rental assistance without reading menus back at the customer.
24/7 chat and voice availability
Intent detection and natural requests
Turn late-night inquiries into bookings
iOS iPad App Launching Q4 2025
Pocket RentalOS iPad App
Pocket is launching an iPad app in Q4 2025 that will allow you to manage your business from anywhere.
In-the-field check-in and check-out
Track performance of your business from anywhere
Let Pocket level up your business today
Join 1,650+ members who've already automated their luxury car operations with Pocket Autos.
✓ No setup fees ✓ Cancel anytime ✓ Complete rental automation
{"app":{"innerHeight":0,"innerWidth":0,"scrollHeight":0,"modal":false,"modalConfirmation":false,"pricingPlanId":"","menuMain":false},"authentication":{"meteor_users_id":"","user_id":"","role":"","onboarding":true,"user_profile":{},"garage":"list","showroom":"card","auction":"all","invoice":"stats","rental":"all","rental_filters":{"date_start":null,"date_end":null,"has_check_out":false,"has_check_in":false},"membership":"stats","room":"today","comp":"complete","expense_list":false,"invoice_list":false,"benefit":"all","deal_room":"group_chat","organizations":[],"pocket_organization_id":"","modules":{},"referral_code":"","user_history":false,"user_history_tab":"notifications","plan":"","plan_title":"","plan_enterprise":false,"plan_entitlements":{},"billing_locked":false,"needs_new_organization":false,"superadmin":false,"superadmin_deals":false,"header_stats":false,"dashboard_circuit":"","deal_tab":0,"menu_cart":false,"menu_create":false,"cart_line_items":[],"cart_refresh":false,"product":"all","avatar":"","initiate_chat":{"user_1":"","user_2":"","active":false},"payscale":{},"ui_customization":{},"event_list":"all","event":false,"event_filters":{"date_start":null,"date_end":null,"month":null,"room":"","category":"","event_type":"","access":"","status":"","registrations_min":null,"registrations_max":null},"forceNewThread":false,"brandData":{}},"ui":{"pocketPilotChatOpen":false,"forceNewThread":false},"ai":{"activeThreadId":null,"activeThreadMessages":[],"isSendingMessage":false,"error":null},"cms":{"pages":{"product/rental-os":{"_id":"JWoM3fZTB67YdQK2f","title":"RentalOS","slug":"rental-os","folder":"product","page_type":"product","content_html":"\u003c!-- Wrapped in tw-pocket-landing for complete CSS isolation -->\n \u003cdiv class=\"tw-pocket-landing tw-pocket-font-sequel tw-pocket-bg-white\">\n \n \u003c!-- Hero Section -->\n \u003cheader class=\"tw-pocket-py-16 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-hero-gradient\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-grid tw-pocket-lg:grid-cols-2 tw-pocket-gap-12 tw-pocket-items-end\">\n \u003c!-- Left Side - Content -->\n \u003cdiv class=\"fade-in-up tw-pocket-flex tw-pocket-flex-col\">\n \u003c!-- Main Heading -->\n \u003ch1 class=\"tw-pocket-text-3xl tw-pocket-md:text-5xl tw-pocket-font-medium tw-pocket-text-neutral-900 tw-pocket-mb-6\" style=\"line-height: 1;\">\n Pocket RentalOS\n \u003c/h1>\n \n \u003c!-- Subheading -->\n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-600 tw-pocket-mb-6 tw-pocket-leading-relaxed\">\n Run your entire car rental business using Pocket RentalOS.\n \u003c/p>\n \n \u003c!-- Checkmark Callouts -->\n \u003cdiv class=\"tw-pocket-space-y-2 tw-pocket-mb-8\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-2\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-gray-400 tw-pocket-flex-shrink-0 tw-pocket-mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-neutral-600\">More than just a tool for managing bookings\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-2\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-gray-400 tw-pocket-flex-shrink-0 tw-pocket-mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-neutral-600\">RentalOS now connects every operational element\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-2\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-gray-400 tw-pocket-flex-shrink-0 tw-pocket-mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-neutral-600\">From renter verification to consignment payouts—into one seamless ecosystem\u003c/span>\n \u003c/div>\n \u003c/div>\n \n \u003c!-- CTA Buttons -->\n \u003cdiv class=\"tw-pocket-flex tw-pocket-flex-col tw-pocket-sm:flex-row tw-pocket-gap-3 tw-pocket-mb-6\">\n \u003ca href=\"#join-today\" class=\"tw-pocket-btn tw-pocket-btn-primary tw-pocket-px-6 tw-pocket-py-3\">\n Join Today\n \u003c/a>\n \u003cbutton class=\"tw-pocket-btn tw-pocket-btn-outline tw-pocket-px-6 tw-pocket-py-3 open_intercom\">\n Chat with Us\n \u003c/button>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Right Side - RentalOS Background Image -->\n \u003cdiv class=\"tw-pocket-relative fade-in-up tw-pocket-h-full\">\n \u003cdiv \n class=\"tw-pocket-w-full tw-pocket-h-full tw-pocket-bg-cover tw-pocket-bg-center tw-pocket-bg-no-repeat tw-pocket-rounded-2xl tw-pocket-min-h-681\"\n style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/705F1IoCqEgQin7ndI05Fw/68213fbd122f7bec9ef1550328da343f/rental-os-01.png');\">\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/header>\n\n \u003c!-- Customer Showcase Section -->\n \u003csection id=\"rentalOsCustomerShowcase\" class=\"tw-pocket-mt-12 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003c!-- Customer Header - Right Aligned -->\n \u003cdiv class=\"tw-pocket-flex tw-pocket-justify-end tw-pocket-mb-4 fade-in-up\">\n \u003cdiv class=\"tw-pocket-text-right\">\n \u003c!-- Powered by Pocket Pill -->\n \u003cdiv class=\"tw-pocket-inline-flex tw-pocket-items-center tw-pocket-px-3 tw-pocket-py-1 tw-pocket-bg-gray-100 tw-pocket-text-gray-600 tw-pocket-rounded-full tw-pocket-text-sm tw-pocket-mb-2\">\n Powered by Pocket RentalOS\n \u003c/div>\n \u003c!-- Customer Info - Favicon first, then name -->\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-justify-end tw-pocket-space-x-3\">\n \u003cimg id=\"customerFavicon\" class=\"tw-pocket-favicon\" src=\"\" alt=\"Customer Favicon\" />\n \u003ch3 id=\"customerName\" class=\"tw-pocket-text-xl tw-pocket-font-bold tw-pocket-text-neutral-900\">\u003c/h3>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Customer Website iFrame with Black Gradient Overlay -->\n \u003cdiv class=\"fade-in-up tw-pocket-customer-iframe-container\">\n \u003ciframe \n id=\"customerIframe\"\n src=\"\" \n class=\"tw-pocket-customer-iframe\"\n title=\"Customer Website\"\n loading=\"lazy\"\n scrolling=\"no\">\n \u003c/iframe>\n \u003c!-- Transparent overlay to prevent clicking -->\n \u003cdiv class=\"tw-pocket-iframe-overlay\">\u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Core Products Section -->\n \u003csection class=\"tw-pocket-pt-12 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-text-left tw-pocket-mb-8 fade-in-up\">\n \u003ch2 class=\"tw-pocket-text-3xl tw-pocket-md:text-5xl tw-pocket-font-bold tw-pocket-text-neutral-900 tw-pocket-mb-6\">\n The only platform to run your rental car business like a tech company\n \u003c/h2>\n \u003cp class=\"tw-pocket-text-3xl tw-pocket-md:text-4xl tw-pocket-text-neutral-600 tw-pocket-max-w-5xl tw-pocket-leading-relaxed\">\n From private customer folio links to your white-label showroom to our exclusive Turo calendar sync, eliminate manual steps and paperwork.\n \u003c/p>\n \u003c/div>\n\n \u003c!-- RentalOS Section -->\n \u003cdiv class=\"tw-pocket-mb-16 fade-in-up\">\n \u003cdiv class=\"tw-pocket-rentals-card\">\n \u003cdiv class=\"tw-pocket-rentals-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-6\" style=\"background: rgba(255, 8, 0, 0.2); color: #ff0800;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\">\u003c/path>\n \u003c/svg>\n Luxury Rental Management Software\n \u003c/div>\n \u003cdiv class=\"tw-pocket-mb-6\">\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/5d7rClbiezuWbOU0DdSDsT/e88f53da62beff8061eab17755f4bf5d/1.png\" alt=\"RentalOS\" style=\"max-width: 262px; height: auto; margin-left: -18px;\" />\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-text-white tw-pocket-opacity-90 tw-pocket-mb-8 tw-pocket-leading-relaxed tw-pocket-max-w-md\">\n Automate your luxury rentals from booking to payout. Manage folios, ID checks, insurance, payments, and check-in/out—fully synced and secure.\n \u003c/p>\n \u003cdiv class=\"tw-pocket-space-y-3\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Automated booking management\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Real-time insurance verification\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Secure payment processing\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Get to know RentalOS Section -->\n \u003cdiv class=\"tw-pocket-mb-16 fade-in-up\">\n \u003ch3 class=\"tw-pocket-text-2xl tw-pocket-md:text-3xl tw-pocket-font-medium tw-pocket-text-neutral-900\">\n Get to know RentalOS\n \u003c/h3>\n \u003c/div>\n\n \u003c!-- Horizontal Feature Carousel -->\n \u003cdiv class=\"tw-pocket-mb-16 fade-in-up\">\n \u003cdiv class=\"tw-pocket-carousel-wrapper\">\n \u003cdiv class=\"tw-pocket-carousel-container\">\n \u003c!-- Navigation Arrows -->\n \u003cbutton class=\"tw-pocket-nav-arrow left\" onclick=\"scrollCarousel('left')\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\">\u003c/path>\n \u003c/svg>\n \u003c/button>\n \u003cbutton class=\"tw-pocket-nav-arrow right\" onclick=\"scrollCarousel('right')\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\">\u003c/path>\n \u003c/svg>\n \u003c/button>\n \n \u003cdiv class=\"tw-pocket-feature-carousel\" id=\"featureCarousel\">\n \u003c!-- Card 1: Turo Calendar Sync -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/5QnR5SsebfElMoG0z3Fypj/6146255292324316b4b4ffb83080d9bb/miles_turo_01.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Turo Calendar Sync.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Keep your Turo and private rental calendars perfectly synchronized to prevent double bookings and maximize utilization.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 2: White-Labeled Booking Websites -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3tUrHwpZj2udv6b9V2hpCJ/8bbcf2ce4fa66bff55aeee86de3064c7/Screenshot_2025-01-29_at_1.52.55_PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">White-Labeled Booking Websites.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Custom branded booking websites that showcase your fleet with professional design and seamless user experience.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 3: Third-Party Renter Verification -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/67wnTfUj656s571MCVzmdz/2cb05aeb1b0ca5f3afa0a04158d1501e/pocket-rental-driver-verification.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Third-Party Renter Verification.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Automated background checks, license verification, and identity validation through trusted third-party services.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 4: Third-Party Insurance Verification -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/jkZDpJB9rD4poNrMAUsEf/b99f332a78304a3b8a4689852b9d6419/pocket-rental-insurance-verification.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Third-Party Insurance Verification.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Real-time insurance policy verification through Axle® to ensure full coverage protection for every rental.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 5: Credit Card Processing & Holds -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/5DHGu5IJmet9qCtyVykv4R/e42d4d7eb48c91a88b89d62a9ed84e39/rentals_03.jpg'); background-position: center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Credit Card Processing & Holds.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Secure payment processing with automatic charges, refunds, security deposit holds, and multi-payment scheduling.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 6: Digital Rental Agreements & Signatures -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/6Qvh3FBiUCxEZG7lcJaci/308e4022f0cf97317829c2edbcd7e756/Screenshot_2025-10-04_at_10.59.46%C3%A2__PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Digital Rental Agreements & Signatures.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Legally binding e-signature rental agreements with custom terms and automatic execution workflows.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 7: Check-In/Check-Out Management -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/72qxjocgebMOFVb0bFtlXM/fd1f38fbd076992d540314500dfce547/Screenshot_2025-10-04_at_11.07.31%C3%A2__PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Check-In/Check-Out Management.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Streamlined digital check-in process with photo documentation, mileage tracking, and damage assessment.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Stats Section -->\n \u003csection class=\"tw-pocket-pt-4 tw-pocket-pb-24 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003c!-- Real-world results Header -->\n \u003cdiv class=\"tw-pocket-mb-8 fade-in-up\">\n \u003ch2 class=\"tw-pocket-text-4xl tw-pocket-md:text-6xl tw-pocket-font-bold tw-pocket-text-neutral-900 tw-pocket-mb-4\">\n Real-world results\n \u003c/h2>\n \u003cp class=\"tw-pocket-text-3xl tw-pocket-md:text-4xl tw-pocket-text-neutral-600 tw-pocket-max-w-5xl tw-pocket-leading-relaxed tw-pocket-mb-8\">\n No Hype. Built on Proof, Not Promises.\n \u003c/p>\n \u003c/div>\n\n \u003c!-- No Hype Stats -->\n \u003cdiv class=\"tw-pocket-mb-8 fade-in-up\">\n \u003cdiv class=\"tw-pocket-py-8\">\n \u003cdiv class=\"tw-pocket-text-6xl tw-pocket-md:text-7xl tw-pocket-font-bold tw-pocket-text-primary tw-pocket-mb-4\">\n 15+\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-400 tw-pocket-leading-relaxed\">\n hours saved per week through automation\n \u003c/p>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-border-t tw-pocket-py-8\" style=\"border-top: 1px solid #cccccc;\">\n \u003cdiv class=\"tw-pocket-text-6xl tw-pocket-md:text-7xl tw-pocket-font-bold tw-pocket-text-primary tw-pocket-mb-4\">\n 85%\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-400 tw-pocket-leading-relaxed\">\n reduction in manual paperwork\n \u003c/p>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-border-t tw-pocket-py-8\" style=\"border-top: 1px solid #cccccc;\">\n \u003cdiv class=\"tw-pocket-text-6xl tw-pocket-md:text-7xl tw-pocket-font-bold tw-pocket-text-primary tw-pocket-mb-4\">\n $2.00M\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-400 tw-pocket-leading-relaxed\">\n RentalOS Bookings\n \u003c/p>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-border-t tw-pocket-py-8\" style=\"border-top: 1px solid #cccccc;\">\n \u003cdiv class=\"tw-pocket-text-6xl tw-pocket-md:text-7xl tw-pocket-font-bold tw-pocket-text-primary tw-pocket-mb-4\">\n $759.52K\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-400 tw-pocket-leading-relaxed\">\n RentalOS Host Savings vs Turo\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003cdiv class=\"tw-pocket-card-large tw-pocket-overflow-hidden tw-pocket-relative\" style=\"background-color: #F0F2F5; min-height: 70vh;\">\n \u003c!-- Desktop: Split Layout -->\n \u003cdiv class=\"tw-pocket-hidden tw-pocket-md:flex\">\n \u003c!-- Left Image -->\n \u003cdiv class=\"tw-pocket-w-1/2 tw-pocket-h-full\">\n \u003cdiv \n class=\"tw-pocket-w-full tw-pocket-h-full tw-pocket-bg-cover tw-pocket-bg-left tw-pocket-bg-no-repeat\"\n style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/5QnR5SsebfElMoG0z3Fypj/6146255292324316b4b4ffb83080d9bb/miles_turo_01.png'); min-height: 70vh;\">\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Right Content -->\n \u003cdiv class=\"tw-pocket-w-1/2 tw-pocket-flex tw-pocket-flex-col tw-pocket-justify-between tw-pocket-p-12\">\n \u003c!-- Header -->\n \u003cdiv class=\"fade-in-up\">\n \u003cdiv class=\"tw-pocket-inline-flex tw-pocket-items-center tw-pocket-px-3 tw-pocket-py-1 tw-pocket-rounded-full tw-pocket-text-sm tw-pocket-font-semibold tw-pocket-mb-4\" style=\"background-color: #e8f7e8; color: #07bc0c;\">\n Just Launched\n \u003c/div>\n \u003ch2 class=\"tw-pocket-text-3xl tw-pocket-md:text-4xl tw-pocket-font-bold tw-pocket-text-neutral-900 tw-pocket-mb-6\">\n Turo® Calendar Sync\n \u003c/h2>\n \u003c/div>\n \n \u003c!-- Bottom Checkboxed Benefits -->\n \u003cdiv class=\"tw-pocket-space-y-4 fade-in-up\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mt-1\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-neutral-600\">Automatically pull Turo bookings into RentalOS\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mt-1\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-neutral-600\">Unify operations across all platforms\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mt-1\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-neutral-600\">Eliminate manual entry and reduce errors\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mt-1\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-neutral-600\">Keep entire rental business in sync\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Mobile: Stacked Layout -->\n \u003cdiv class=\"tw-pocket-md:hidden tw-pocket-p-8\">\n \u003c!-- Mobile Header -->\n \u003cdiv class=\"tw-pocket-text-center tw-pocket-mb-8 fade-in-up\">\n \u003cdiv class=\"tw-pocket-inline-flex tw-pocket-items-center tw-pocket-px-3 tw-pocket-py-1 tw-pocket-rounded-full tw-pocket-text-sm tw-pocket-font-semibold tw-pocket-mb-4\" style=\"background-color: #e8f7e8; color: #07bc0c;\">\n Just Launched\n \u003c/div>\n \u003ch2 class=\"tw-pocket-text-2xl tw-pocket-font-bold tw-pocket-text-neutral-900 tw-pocket-mb-6\">\n Turo® Calendar Sync\n \u003c/h2>\n \u003c/div>\n\n \u003c!-- Mobile Image -->\n \u003cdiv class=\"tw-pocket-mb-8\">\n \u003cdiv \n class=\"tw-pocket-w-full tw-pocket-bg-cover tw-pocket-bg-center tw-pocket-bg-no-repeat tw-pocket-rounded-2xl\"\n style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/5QnR5SsebfElMoG0z3Fypj/6146255292324316b4b4ffb83080d9bb/miles_turo_01.png'); height: 300px;\">\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Mobile Checkboxed Benefits -->\n \u003cdiv class=\"tw-pocket-space-y-4 tw-pocket-mb-8\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mt-1\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-neutral-600\">Automatically pull Turo bookings into RentalOS\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mt-1\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-neutral-600\">Unify operations across all platforms\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mt-1\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-neutral-600\">Eliminate manual entry and reduce errors\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mt-1\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-neutral-600\">Keep entire rental business in sync\u003c/span>\n \u003c/div>\n \u003c/div>\n \n \u003c!-- Mobile Stats -->\n \u003cdiv class=\"tw-pocket-grid tw-pocket-grid-cols-1 tw-pocket-gap-4 fade-in-up\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-justify-center tw-pocket-space-x-4\">\n \u003cdiv class=\"tw-pocket-text-2xl tw-pocket-font-bold tw-pocket-text-neutral-900\">$2.00M\u003c/div>\n \u003cdiv class=\"tw-pocket-text-neutral-600\">RentalOS Bookings\u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-justify-center tw-pocket-space-x-4\">\n \u003cdiv class=\"tw-pocket-text-2xl tw-pocket-font-bold tw-pocket-text-neutral-900\">$253.84K\u003c/div>\n \u003cdiv class=\"tw-pocket-text-neutral-600\">ClubOS Memberships\u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-justify-center tw-pocket-space-x-4\">\n \u003cdiv class=\"tw-pocket-text-2xl tw-pocket-font-bold tw-pocket-text-neutral-900\">$758.47K\u003c/div>\n \u003cdiv class=\"tw-pocket-text-neutral-600\">RentalOS Host Savings vs Turo\u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- RentalOS Features 2x2 Grid -->\n \u003csection class=\"tw-pocket-pt-8 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003c!-- 2x2 Grid of RentalOS Features -->\n \u003cdiv class=\"tw-pocket-grid tw-pocket-md:grid-cols-2 tw-pocket-gap-6 tw-pocket-mb-0 fade-in-up\">\n \n \u003c!-- Card 1: MANAGE YOUR RENTAL FLEET -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/5XfmbZ6CtCBckbreQGTbna/b6d7a4b2ae52f2f1827d7b84a07c69a7/Screenshot_2025-01-29_at_1.16.33_PM.png'); height: 100vh; min-height: 800px;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Manage Your Rental Fleet.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Manage your car rentals details with precision and ease. Set daily and weekly rates, track break-even costs, and monitor your current month's performance at a glance—including days remaining to break even. Need more bookings? Seamlessly toggle into the Pocket Rental Network to tap into a steady flow of high-quality rental leads. Everything you need to stay profitable, all in one place.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 2: YOUR RENTAL FOLIO DASHBOARD -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/2EAQ2xk3nommQ2qvNfto39/444ff4990fb7bf4864a38501182ccf8c/Screenshot_2025-01-29_at_4.45.22_PM.png'); height: 100vh; min-height: 800px;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Your Rental Folio Dashboard.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Effortlessly manage your rental folios with powerful, automated tools designed for a seamless rental experience. Secure bookings with credit card holds, streamline check-in and check-out with time-stamped photos, and eliminate paperwork with digital signatures for rental agreements. Whether tracking expenses, monitoring renter details, or managing payouts, Pocket's rental folio management tools help you deliver a world-class experience while maximizing efficiency and boosting earnings.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 3: THIRD-PARTY INSURANCE VERIFICATION -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/jkZDpJB9rD4poNrMAUsEf/b99f332a78304a3b8a4689852b9d6419/pocket-rental-insurance-verification.png'); height: 100vh; min-height: 800px;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Third-Party Insurance Verification.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> To streamline the rental process, we've integrated Axle's® instant insurance verification services. Axle® is a universal API for insurance data, enabling real-time access to policy status, coverage details, and term information directly from insurance carriers. By leveraging Axle's® technology, you can also monitor any changes to your renter's insurance policy, such as cancellations or updates, in real-time.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 4: RENTER VERIFICATION -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/67wnTfUj656s571MCVzmdz/2cb05aeb1b0ca5f3afa0a04158d1501e/pocket-rental-driver-verification.png'); height: 100vh; min-height: 800px;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Renter Verification.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> To ensure a secure and trustworthy rental process, Pocket Rentals employs Stripe Identity for renter verification. This integration enables instant confirmation of user identities by verifying government-issued IDs and matching them with live selfies. By automating identity verification, businesses can reduce fraud and provide a frictionless experience for legitimate users.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- White-Labeled Section -->\n \u003csection class=\"tw-pocket-pt-12 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-text-left tw-pocket-mb-8 fade-in-up\">\n \u003ch2 class=\"tw-pocket-text-3xl tw-pocket-md:text-5xl tw-pocket-font-bold tw-pocket-text-neutral-900 tw-pocket-mb-6\">\n Your brand powered by Pocket\n \u003c/h2>\n \u003cp class=\"tw-pocket-text-3xl tw-pocket-md:text-4xl tw-pocket-text-neutral-600 tw-pocket-max-w-5xl tw-pocket-leading-relaxed\">\n RentalOS is fully white-labeled, giving your business a professional, branded experience from start to finish.\n \u003c/p>\n \u003c/div>\n\n \u003c!-- White-Labeled Main Card -->\n \u003cdiv class=\"tw-pocket-mb-0 fade-in-up\">\n \u003cdiv class=\"tw-pocket-rentals-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3tUrHwpZj2udv6b9V2hpCJ/8bbcf2ce4fa66bff55aeee86de3064c7/Screenshot_2025-01-29_at_1.52.55_PM.png');\">\n \u003cdiv class=\"tw-pocket-rentals-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-6\" style=\"background: rgba(255, 255, 255, 0.2); color: white;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9v-9m0-9v9\">\u003c/path>\n \u003c/svg>\n White-Label Platform\n \u003c/div>\n \u003cdiv class=\"tw-pocket-mb-6\">\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-medium tw-pocket-text-white tw-pocket-mb-0\">\n Bring your own domain\n \u003c/h3>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-text-white tw-pocket-opacity-90 tw-pocket-mb-8 tw-pocket-max-w-md\" style=\"line-height: 1.1;\">\n Your rental showroom maps seamlessly to your custom domain, providing a sleek, standalone platform for customers to browse, book, and manage rentals.\n \u003c/p>\n \u003cdiv class=\"tw-pocket-space-y-3\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Connect to your custom domain\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Rental Folios\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Digital Agreements\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Invoices\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Private Links\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Industry-First Marketing Channels -->\n \u003csection class=\"tw-pocket-pt-12 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003c!-- Get to know our industry-first marketing channels -->\n \u003cdiv class=\"tw-pocket-mb-16 tw-pocket-mt-8a fade-in-up\">\n \u003ch3 class=\"tw-pocket-text-2xl tw-pocket-md:text-3xl tw-pocket-font-medium tw-pocket-text-neutral-900\">\n Get to know our industry-first marketing channels\n \u003c/h3>\n \u003c/div>\n\n \u003c!-- Horizontal Marketing Channel Carousel -->\n \u003cdiv class=\"tw-pocket-mb-16 fade-in-up\">\n \u003cdiv class=\"tw-pocket-carousel-wrapper\">\n \u003cdiv class=\"tw-pocket-carousel-container\">\n \u003c!-- Navigation Arrows -->\n \u003cbutton class=\"tw-pocket-nav-arrow left\" onclick=\"scrollMarketingCarousel('left')\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\">\u003c/path>\n \u003c/svg>\n \u003c/button>\n \u003cbutton class=\"tw-pocket-nav-arrow right\" onclick=\"scrollMarketingCarousel('right')\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\">\u003c/path>\n \u003c/svg>\n \u003c/button>\n \n \u003cdiv class=\"tw-pocket-feature-carousel\" id=\"marketingCarousel\">\n \u003c!-- Card 1: Redline Wholesale Marketplace -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/7wIJxR8LSuyQQcJKgispSb/81d45b0b59005f3c3c0f5bb20d43d67d/pocket-rental-redline.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(255, 8, 0, 0.2); color: #ff0800;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\">\u003c/path>\n \u003c/svg>\n Redline\n \u003c/div>\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Redline Wholesale Marketplace.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Rental Redline is our wholesale network for operator-to-operator fleets.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 2: Rental Network Lead Generation -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3WfF27onyk3DG7yOl6slUr/ed7c6dd4f5781b61ef091d60153fbaa6/Screenshot_2025-01-29_at_12.05.02_PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(255, 8, 0, 0.2); color: #ff0800;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\">\u003c/path>\n \u003c/svg>\n Rental Network\n \u003c/div>\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Rental Network Lead Generation.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Pocket's Rental Network is an industry-first system connecting rental businesses with a powerful network of Pocket Members who bring in rental customers and leads.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 3: Consumer iOS App -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/5kGXGegq3fZWWnE67I9bQQ/b3004cd5ccf4253837af94debdf1d20a/6.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(255, 8, 0, 0.2); color: #ff0800;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\">\u003c/path>\n \u003c/svg>\n iOS App\n \u003c/div>\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Consumer iOS App (Coming Q1 2026).\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> A dedicated consumer mobile application that will allow customers to discover and book luxury rental vehicles directly from their iOS devices.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Mercury Banking Integration -->\n \u003csection class=\"tw-pocket-pt-12 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003c!-- Mercury Banking Card -->\n \u003cdiv class=\"tw-pocket-mb-0 fade-in-up\">\n \u003cdiv class=\"tw-pocket-rentals-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/1Gsg6kGQIzmB9d2RFY8gGq/105edfa6c18a081f898a0d9e4310b40b/pocket-x-mercury.png');\">\n \u003cdiv class=\"tw-pocket-rentals-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-6\" style=\"background: rgba(255, 8, 0, 0.2); color: #ff0800;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1\">\u003c/path>\n \u003c/svg>\n Banking Integration\n \u003c/div>\n \u003cdiv class=\"tw-pocket-mb-6\">\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-medium tw-pocket-text-white tw-pocket-mb-0\">\n Mercury® Banking Integration for Seamless Owner Payouts\n \u003c/h3>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-text-white tw-pocket-opacity-90 tw-pocket-mb-8 tw-pocket-max-w-md\" style=\"line-height: 1.1;\">\n Pocket's Mercury Banking integration brings instant, one-click ACH payouts directly into your RentalOS workflow. By connecting your Mercury account via API key, all your accounts are automatically loaded into the platform.\n \u003c/p>\n \u003cdiv class=\"tw-pocket-space-y-3\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">One-click ACH payouts\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Automatic account loading\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Complete transparency tracking\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Profit & Owner Management 1x2 Cards -->\n \u003csection class=\"tw-pocket-pt-8 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003c!-- 1x2 Grid for Profit/Loss and Owner Payouts -->\n \u003cdiv class=\"tw-pocket-grid tw-pocket-md:grid-cols-2 tw-pocket-gap-6 tw-pocket-mb-0 fade-in-up\">\n \n \u003c!-- Card 1: Auto-Calculate Profit & Loss -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/40jXT6tQzifzvrHQ9Qf1qz/9fa4df16f2d69a8a92b6d709f3c50cc5/Screenshot_2025-01-30_at_3.58.43_PM.png'); height: 100vh; min-height: 800px;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Auto-Calculate Profit & Loss Down to the Penny.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Pocket makes it easy to track the full profit & loss of every vehicle in your fleet. Attribute expenses, monitor rental income, and automatically factor in taxes, merchant fees, platform fees, and rental network commissions for a complete financial picture. Whether you own the vehicle or manage consignment rentals, Pocket calculates accurate owner payouts, ensuring every dollar is accounted for. With real-time tracking and automated reporting, you'll always know exactly where your profits stand—no spreadsheets required.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 2: Easily Manage Owner Payouts -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/4ho4qzFrB1vrDfLlHsqp6u/fb55c1f913397911e10af9ced2652588/Screenshot_2025-01-30_at_4.35.39_PM.png'); height: 100vh; min-height: 800px;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cp class=\"tw-pocket-text-base tw-pocket-leading-relaxed tw-pocket-font-medium\">\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-black tw-pocket-font-bold\">Easily Manage Owner Payouts.\u003c/span>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-gray-600\"> Pocket simplifies consignment owner management with real-time payout tracking and automated reporting. Instantly see which payouts are due, track completed payouts, and calculate each owner's percentage of profit for a specific date range. Owners get full transparency with a dedicated login, allowing them to view their earnings in real time and track payouts as they happen. With seamless payout management, reporting, and automated calculations, Pocket makes consignment ownership effortless.\u003c/span>\n \u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Miles AI Section -->\n \u003csection class=\"tw-pocket-pt-8 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003c!-- Miles AI Main Card -->\n \u003cdiv class=\"tw-pocket-mb-0 fade-in-up\">\n \u003cdiv class=\"tw-pocket-rentals-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/29qJXwtZqASpu5oV7GI32f/264aae9227030025ed59d358f10f0182/pocket-rentalos-miles-2.png');\">\n \u003cdiv class=\"tw-pocket-rentals-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-6\" style=\"background: rgba(255, 255, 255, 0.2); color: white;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\">\u003c/path>\n \u003c/svg>\n AI Booking Agent\n \u003c/div>\n \u003cdiv class=\"tw-pocket-mb-6\">\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-medium tw-pocket-text-white tw-pocket-mb-0\">\n Miles AI 24/7 Booking Agent\n \u003c/h3>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-text-white tw-pocket-opacity-90 tw-pocket-mb-8 tw-pocket-max-w-md\" style=\"line-height: 1.1;\">\n Miles AI is a 24/7 booking agent available by chat and voice that greets every guest, captures name and mobile first, and then—using intent detection—seamlessly handles new reservations, updates, and active-rental assistance without reading menus back at the customer.\n \u003c/p>\n \u003cdiv class=\"tw-pocket-space-y-3\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">24/7 chat and voice availability\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Intent detection and natural requests\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Turn late-night inquiries into bookings\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- iPad App Section -->\n \u003csection class=\"tw-pocket-pt-8 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003c!-- iPad App Main Card -->\n \u003cdiv class=\"tw-pocket-mb-0 fade-in-up\">\n \u003cdiv class=\"tw-pocket-rentals-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3ummxKVi7c3U4u1YTLHJiJ/094a5e1cb32003c2c66c48c86833569f/rental_os_square.png');\">\n \u003cdiv class=\"tw-pocket-rentals-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-6\" style=\"background: rgba(255, 255, 255, 0.2); color: white;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\">\u003c/path>\n \u003c/svg>\n iOS iPad App Launching Q4 2025\n \u003c/div>\n \u003cdiv class=\"tw-pocket-mb-6\">\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-medium tw-pocket-text-white tw-pocket-mb-0\">\n Pocket RentalOS iPad App\n \u003c/h3>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-text-white tw-pocket-opacity-90 tw-pocket-mb-8 tw-pocket-max-w-md\" style=\"line-height: 1.1;\">\n Pocket is launching an iPad app in Q4 2025 that will allow you to manage your business from anywhere.\n \u003c/p>\n \u003cdiv class=\"tw-pocket-space-y-3\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">In-Person Signatures\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">In-the-field check-in and check-out\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5\" fill=\"none\" stroke=\"#07bc0c\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-white tw-pocket-text-base\">Track performance of your business from anywhere\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Integrations Section -->\n \u003csection class=\"tw-pocket-py-20 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-text-center tw-pocket-mb-16 fade-in-up\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-justify-center tw-pocket-mb-4\">\n \u003cspan class=\"tw-pocket-product-badge\" style=\"background: rgba(255, 8, 0, 0.08); color: var(--primary-red);\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" style=\"width: 16px; height: 16px;\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\">\u003c/path>\n \u003c/svg>\n Integrations\n \u003c/span>\n \u003c/div>\n \u003ch2 class=\"tw-pocket-text-4xl tw-pocket-md:text-5xl tw-pocket-font-black tw-pocket-mb-4\" style=\"color: #000;\">\n Powered by 25+ Integrations\n \u003c/h2>\n \u003cp class=\"tw-pocket-text-xl\" style=\"color: #6b7280;\">\n RentalOS connects with the tools you already use.\n \u003c/p>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-grid tw-pocket-grid-cols-2 tw-pocket-md:grid-cols-3 tw-pocket-lg:grid-cols-5 tw-pocket-gap-4 fade-in-up\">\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/stripe\" alt=\"Stripe\" />\n \u003cspan>Stripe\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://www.google.com/s2/favicons?domain=mercury.com&sz=128\" alt=\"Mercury\" />\n \u003cspan>Mercury\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/shopify\" alt=\"Shopify\" />\n \u003cspan>Shopify\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/applepay\" alt=\"Apple Pay\" />\n \u003cspan>Apple Pay\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://www.google.com/s2/favicons?domain=axle.insure&sz=128\" alt=\"Axle Insurance\" />\n \u003cspan>Axle Insurance\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://www.google.com/s2/favicons?domain=nhtsa.gov&sz=128\" alt=\"NHTSA\" />\n \u003cspan>NHTSA\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/telegram\" alt=\"Telegram\" />\n \u003cspan>Telegram\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/discord\" alt=\"Discord\" />\n \u003cspan>Discord\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/intercom\" alt=\"Intercom\" />\n \u003cspan>Intercom\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://www.google.com/s2/favicons?domain=turo.com&sz=128\" alt=\"Turo\" />\n \u003cspan>Turo\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://www.google.com/s2/favicons?domain=openai.com&sz=128\" alt=\"OpenAI\" />\n \u003cspan>OpenAI\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/anthropic\" alt=\"Anthropic\" />\n \u003cspan>Anthropic\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/googlegemini\" alt=\"Google Gemini\" />\n \u003cspan>Google Gemini\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://www.google.com/s2/favicons?domain=x.ai&sz=128\" alt=\"Grok (xAI)\" />\n \u003cspan>Grok (xAI)\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/googleanalytics\" alt=\"Google Analytics\" />\n \u003cspan>Google Analytics\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/googlesearchconsole\" alt=\"Search Console\" />\n \u003cspan>Search Console\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/google\" alt=\"Business Profile\" />\n \u003cspan>Business Profile\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://www.google.com/s2/favicons?domain=bing.com&sz=128\" alt=\"Bing\" />\n \u003cspan>Bing\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/yelp\" alt=\"Yelp\" />\n \u003cspan>Yelp\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/tripadvisor\" alt=\"Tripadvisor\" />\n \u003cspan>Tripadvisor\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/meta\" alt=\"Meta\" />\n \u003cspan>Meta\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/tiktok\" alt=\"TikTok\" />\n \u003cspan>TikTok\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/x\" alt=\"X (Twitter)\" />\n \u003cspan>X (Twitter)\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/mapbox\" alt=\"Mapbox\" />\n \u003cspan>Mapbox\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/googlemaps\" alt=\"Google Places\" />\n \u003cspan>Google Places\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-integration-card\" style=\"background: #f0f0f0;\">\n \u003cimg src=\"https://cdn.simpleicons.org/spotify\" alt=\"Spotify\" />\n \u003cspan>Spotify\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n \n \u003c!-- Final CTA -->\n \u003csection class=\"tw-pocket-py-24 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-bg-danger-gradient tw-pocket-rounded-4xl tw-pocket-p-12 tw-pocket-text-center\">\n \u003cdiv class=\"fade-in-up\">\n \u003ch2 class=\"tw-pocket-text-4xl tw-pocket-md:text-6xl tw-pocket-font-black tw-pocket-text-white tw-pocket-mb-8\">\n Let Pocket level up your business today\n \u003c/h2>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-text-white tw-pocket-opacity-90 tw-pocket-mb-6 tw-pocket-max-w-2xl tw-pocket-mx-auto tw-pocket-leading-relaxed\">\n Join 1,650+ members who've already automated their luxury car operations with Pocket Autos.\n \u003c/p>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-flex-col tw-pocket-sm:flex-row tw-pocket-gap-6 tw-pocket-justify-center tw-pocket-mb-6\">\n \u003ca href=\"#join-today\" class=\"tw-pocket-btn tw-pocket-bg-white tw-pocket-text-primary tw-pocket-hover:bg-gray-100 tw-pocket-text-xl tw-pocket-px-10 tw-pocket-py-5\">\n Join Today\n \u003c/a>\n \u003cbutton class=\"tw-pocket-btn tw-pocket-text-white tw-pocket-hover:bg-white tw-pocket-hover:text-primary tw-pocket-text-xl tw-pocket-px-10 tw-pocket-py-5 open_intercom\" style=\"background: transparent; border: 2px solid white;\">\n Chat with Us\n \u003c/button>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-white tw-pocket-opacity-75 tw-pocket-text-lg\">\n ✓ No setup fees ✓ Cancel anytime ✓ Complete rental automation\n \u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- JavaScript with subtle animations -->\n \u003cscript>\n var customerWebsites = [];\n\n function hideRentalOsCustomerShowcase() {\n var sec = document.getElementById('rentalOsCustomerShowcase');\n if (sec) sec.style.display = 'none';\n }\n\n function startCustomerShowcaseRentalOs() {\n if (typeof Meteor !== 'undefined' && Meteor.call) {\n Meteor.call('cms.public.showcase_customer_sites', { rental_only: true }, function(err, sites) {\n if (err || !sites || !sites.length) {\n hideRentalOsCustomerShowcase();\n return;\n }\n customerWebsites = sites;\n displayRandomCustomer();\n });\n } else {\n hideRentalOsCustomerShowcase();\n }\n }\n\n // Function to get favicon URL\n function getFaviconUrl(websiteUrl) {\n try {\n const url = new URL(websiteUrl);\n return `${url.protocol}//${url.hostname}/favicon.ico`;\n } catch {\n return `https://www.google.com/s2/favicons?domain=${websiteUrl}&sz=64`;\n }\n }\n\n // Function to randomly select and display customer\n function displayRandomCustomer() {\n if (!customerWebsites.length) return;\n const randomIndex = Math.floor(Math.random() * customerWebsites.length);\n const selectedCustomer = customerWebsites[randomIndex];\n\n // Update elements\n const customerName = document.getElementById('customerName');\n const customerFavicon = document.getElementById('customerFavicon');\n const customerIframe = document.getElementById('customerIframe');\n\n if (customerName && customerFavicon && customerIframe) {\n customerName.textContent = selectedCustomer.name;\n customerIframe.src = selectedCustomer.url;\n customerIframe.title = selectedCustomer.name;\n \n customerIframe.onerror = function() {\n displayRandomCustomer();\n };\n \n const faviconUrl = getFaviconUrl(selectedCustomer.url);\n customerFavicon.src = faviconUrl;\n customerFavicon.onerror = function() {\n this.src = `https://www.google.com/s2/favicons?domain=${selectedCustomer.url}&sz=64`;\n };\n }\n }\n\n// Function to handle carousel navigation\n function scrollCarousel(direction) {\n const carousel = document.getElementById('featureCarousel');\n if (!carousel) return;\n\n const cardWidth = 400 + 24; // card width + gap\n const scrollAmount = direction === 'left' ? -cardWidth : cardWidth;\n \n carousel.scrollBy({\n left: scrollAmount,\n behavior: 'smooth'\n });\n }\n\n // Function to handle Marketing carousel navigation\n function scrollMarketingCarousel(direction) {\n const carousel = document.getElementById('marketingCarousel');\n if (!carousel) return;\n\n const cardWidth = 400 + 24; // card width + gap\n const scrollAmount = direction === 'left' ? -cardWidth : cardWidth;\n \n carousel.scrollBy({\n left: scrollAmount,\n behavior: 'smooth'\n });\n }\n\n\n // Carousel alignment now handled by CSS - no JavaScript needed\n\n // Function to fetch and update real-time stats\n async function fetchAndUpdateStats() {\n try {\n console.log('Fetching real-time stats from Pocket...');\n \n // Fetch stats from the SSR-enabled stats page\n const response = await fetch('https://pocketlistautos.com/company/stats', {\n method: 'GET',\n headers: {\n 'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',\n 'User-Agent': 'Mozilla/5.0 (compatible; PocketStatsBot/1.0)'\n }\n });\n\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n\n const html = await response.text();\n console.log('Stats page loaded, parsing data...');\n\n // Parse the HTML to extract stats (will need to be adjusted based on actual page structure)\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n\n // Look for common patterns in the stats page\n const statsData = {};\n \n // Try to find RentalOS bookings\n const rentalBookings = extractStatValue(html, ['rentalos.*bookings', 'rental.*bookings', 'bookings.*processed', 'total.*bookings']);\n if (rentalBookings) statsData.rentalBookings = rentalBookings;\n\n // Try to find ClubOS memberships\n const clubMemberships = extractStatValue(html, ['clubos.*memberships', 'club.*memberships', 'memberships.*total', 'total.*memberships']);\n if (clubMemberships) statsData.clubMemberships = clubMemberships;\n\n // Try to find host savings\n const hostSavings = extractStatValue(html, ['host.*savings', 'savings.*turo', 'turo.*savings', 'vs.*turo']);\n if (hostSavings) statsData.hostSavings = hostSavings;\n\n // Update the DOM with real stats\n updateStatsDisplay(statsData);\n\n } catch (error) {\n console.warn('Could not fetch real-time stats:', error.message);\n console.log('Using fallback stats...');\n // Keep the existing placeholder stats\n }\n }\n\n // Helper function to extract stat values from HTML\n function extractStatValue(html, patterns) {\n for (const pattern of patterns) {\n const regex = new RegExp(pattern + '[^\\\\d]*([\\\\d,\\\\.]+)', 'i');\n const match = html.match(regex);\n if (match && match[1]) {\n return match[1].replace(/[,]/g, '');\n }\n }\n \n // Try to find any dollar amounts\n const dollarMatches = html.match(/\\$[\\d,\\.]+[mkMK]?/gi);\n if (dollarMatches && dollarMatches.length > 0) {\n return dollarMatches[0].replace(/[\\$,]/g, '');\n }\n \n return null;\n }\n\n // Function to update stats display with real data\n function updateStatsDisplay(statsData) {\n console.log('Updating stats with real data:', statsData);\n\n // Update RentalOS Bookings\n if (statsData.rentalBookings) {\n const rentalStatElements = document.querySelectorAll('.tw-pocket-stats-rental');\n rentalStatElements.forEach(el => {\n el.textContent = formatStatValue(statsData.rentalBookings);\n });\n }\n\n // Update ClubOS Memberships\n if (statsData.clubMemberships) {\n const clubStatElements = document.querySelectorAll('.tw-pocket-stats-club');\n clubStatElements.forEach(el => {\n el.textContent = formatStatValue(statsData.clubMemberships);\n });\n }\n\n // Update Host Savings\n if (statsData.hostSavings) {\n const savingsStatElements = document.querySelectorAll('.tw-pocket-stats-savings');\n savingsStatElements.forEach(el => {\n el.textContent = formatStatValue(statsData.hostSavings);\n });\n }\n }\n\n // Function to format stat values consistently\n function formatStatValue(value) {\n const num = parseFloat(value.replace(/[^\\d\\.]/g, ''));\n \n if (num >= 1000000) {\n return '$' + (num / 1000000).toFixed(2) + 'M';\n } else if (num >= 1000) {\n return '$' + (num / 1000).toFixed(0) + 'K';\n } else {\n return '$' + num.toLocaleString();\n }\n }\n\n\n // Simple, subtle animation system\n class SubtleAnimations {\n constructor() {\n this.observer = null;\n this.animatedElements = new Set();\n this.init();\n }\n\n init() {\n this.setupIntersectionObserver();\n this.setupHoverEffects();\n this.setupCounterAnimations();\n \n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => {\n this.startAnimations();\n startCustomerShowcaseRentalOs();\n // Delay alignment to ensure layout is complete\n setTimeout(alignCarouselsWithText, 100);\n // Fetch real-time stats after a delay to allow SSR\n setTimeout(fetchAndUpdateStats, 2000);\n });\n } else {\n this.startAnimations();\n startCustomerShowcaseRentalOs();\n setTimeout(alignCarouselsWithText, 100);\n setTimeout(fetchAndUpdateStats, 2000);\n }\n\n // Update alignment on window resize\n window.addEventListener('resize', () => {\n setTimeout(alignCarouselsWithText, 100);\n });\n }\n\n setupIntersectionObserver() {\n this.observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !this.animatedElements.has(entry.target)) {\n entry.target.classList.add('visible');\n this.animatedElements.add(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n }\n\n setupHoverEffects() {\n // Card hover effects\n const cards = document.querySelectorAll('.tw-pocket-card, .tw-pocket-card-large');\n \n cards.forEach(card => {\n card.addEventListener('mouseenter', () => {\n card.style.transform = 'translateY(-4px)';\n card.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', () => {\n card.style.transform = 'translateY(0)';\n });\n });\n\n // Button hover effects\n const buttons = document.querySelectorAll('.tw-pocket-btn');\n \n buttons.forEach(button => {\n button.addEventListener('mouseenter', () => {\n button.style.transform = 'translateY(-1px)';\n button.style.transition = 'all 0.2s ease';\n });\n \n button.addEventListener('mouseleave', () => {\n button.style.transform = 'translateY(0)';\n });\n });\n }\n\n setupCounterAnimations() {\n const animateCounter = (element, target) => {\n let current = 0;\n const increment = target / 100;\n const timer = setInterval(() => {\n current += increment;\n if (current >= target) {\n element.textContent = target.toLocaleString();\n clearInterval(timer);\n } else {\n element.textContent = Math.floor(current).toLocaleString();\n }\n }, 20);\n };\n\n const statsObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const numbers = entry.target.querySelectorAll('.tw-pocket-stat-number');\n numbers.forEach(num => {\n const target = parseInt(num.textContent.replace(/[^\\d]/g, ''));\n if (target && !num.classList.contains('animated')) {\n num.classList.add('animated');\n animateCounter(num, target);\n }\n });\n }\n });\n }, { threshold: 0.5 });\n\n // Observe stats sections\n const statsSections = document.querySelectorAll('.tw-pocket-stat-number');\n statsSections.forEach(section => {\n const parentSection = section.closest('section');\n if (parentSection) {\n statsObserver.observe(parentSection);\n }\n });\n }\n\n startAnimations() {\n // Observe elements for fade-in animations\n const elementsToAnimate = document.querySelectorAll('.fade-in, .fade-in-up');\n elementsToAnimate.forEach(el => {\n this.observer.observe(el);\n });\n\n // Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', (e) => {\n e.preventDefault();\n const target = document.querySelector(anchor.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n }\n }\n\n // Initialize the subtle animation system\n const subtleAnimations = new SubtleAnimations();\n \u003c/script>\n \u003c/div>\u003c!-- End tw-pocket-landing wrapper -->","head_inject":"\u003cstyle>\n /* EMBEDDED TAILWIND CSS - Prefixed with tw-pocket- for complete isolation */\n .tw-pocket-landing *, .tw-pocket-landing ::before, .tw-pocket-landing ::after { box-sizing: border-box; margin: 0; padding: 0; }\n \n /* Display */\n .tw-pocket-block { display: block; }\n .tw-pocket-inline-block { display: inline-block; }\n .tw-pocket-inline { display: inline; }\n .tw-pocket-flex { display: flex; }\n .tw-pocket-inline-flex { display: inline-flex; }\n .tw-pocket-grid { display: grid; }\n .tw-pocket-hidden { display: none; }\n \n /* Flexbox */\n .tw-pocket-flex-row { flex-direction: row; }\n .tw-pocket-flex-col { flex-direction: column; }\n .tw-pocket-flex-wrap { flex-wrap: wrap; }\n .tw-pocket-flex-1 { flex: 1 1 0%; }\n .tw-pocket-items-start { align-items: flex-start; }\n .tw-pocket-items-center { align-items: center; }\n .tw-pocket-items-end { align-items: flex-end; }\n .tw-pocket-justify-start { justify-content: flex-start; }\n .tw-pocket-justify-center { justify-content: center; }\n .tw-pocket-justify-end { justify-content: flex-end; }\n .tw-pocket-justify-between { justify-content: space-between; }\n \n /* Grid */\n .tw-pocket-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }\n .tw-pocket-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .tw-pocket-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n .tw-pocket-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n .tw-pocket-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }\n \n /* Gaps */\n .tw-pocket-gap-2 { gap: 0.5rem; }\n .tw-pocket-gap-3 { gap: 0.75rem; }\n .tw-pocket-gap-4 { gap: 1rem; }\n .tw-pocket-gap-6 { gap: 1.5rem; }\n .tw-pocket-gap-8 { gap: 2rem; }\n .tw-pocket-gap-12 { gap: 3rem; }\n .tw-pocket-gap-16 { gap: 4rem; }\n .tw-pocket-gap-20 { gap: 5rem; }\n \n /* Spacing */\n .tw-pocket-space-x-2 > * + * { margin-left: 0.5rem; }\n .tw-pocket-space-x-3 > * + * { margin-left: 0.75rem; }\n .tw-pocket-space-x-4 > * + * { margin-left: 1rem; }\n .tw-pocket-space-x-6 > * + * { margin-left: 1.5rem; }\n .tw-pocket-space-x-8 > * + * { margin-left: 2rem; }\n .tw-pocket-space-y-2 > * + * { margin-top: 0.5rem; }\n .tw-pocket-space-y-3 > * + * { margin-top: 0.75rem; }\n .tw-pocket-space-y-4 > * + * { margin-top: 1rem; }\n .tw-pocket-space-y-6 > * + * { margin-top: 1.5rem; }\n .tw-pocket-space-y-8 > * + * { margin-top: 2rem; }\n .tw-pocket-space-y-12 > * + * { margin-top: 3rem; }\n \n /* Padding */\n .tw-pocket-p-0 { padding: 0; }\n .tw-pocket-p-2 { padding: 0.5rem; }\n .tw-pocket-p-3 { padding: 0.75rem; }\n .tw-pocket-p-4 { padding: 1rem; }\n .tw-pocket-p-6 { padding: 1.5rem; }\n .tw-pocket-p-8 { padding: 2rem; }\n .tw-pocket-p-12 { padding: 3rem; }\n .tw-pocket-p-16 { padding: 4rem; }\n .tw-pocket-p-20 { padding: 5rem; }\n .tw-pocket-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n .tw-pocket-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n .tw-pocket-px-4 { padding-left: 1rem; padding-right: 1rem; }\n .tw-pocket-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n .tw-pocket-px-8 { padding-left: 2rem; padding-right: 2rem; }\n .tw-pocket-px-12 { padding-left: 3rem; padding-right: 3rem; }\n .tw-pocket-px-16 { padding-left: 4rem; padding-right: 4rem; }\n .tw-pocket-px-20 { padding-left: 5rem; padding-right: 5rem; }\n .tw-pocket-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\n .tw-pocket-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n .tw-pocket-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n .tw-pocket-py-4 { padding-top: 1rem; padding-bottom: 1rem; }\n .tw-pocket-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }\n .tw-pocket-py-8 { padding-top: 2rem; padding-bottom: 2rem; }\n .tw-pocket-py-12 { padding-top: 3rem; padding-bottom: 3rem; }\n .tw-pocket-py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n .tw-pocket-py-20 { padding-top: 5rem; padding-bottom: 5rem; }\n .tw-pocket-py-24 { padding-top: 6rem; padding-bottom: 6rem; }\n .tw-pocket-py-32 { padding-top: 8rem; padding-bottom: 8rem; }\n .tw-pocket-pt-4 { padding-top: 1rem; }\n .tw-pocket-pt-8 { padding-top: 2rem; }\n .tw-pocket-pt-12 { padding-top: 3rem; }\n .tw-pocket-pt-20 { padding-top: 5rem; }\n .tw-pocket-pb-6 { padding-bottom: 1.5rem; }\n .tw-pocket-pb-12 { padding-bottom: 3rem; }\n .tw-pocket-pl-6 { padding-left: 1.5rem; }\n \n /* Margin */\n .tw-pocket-m-auto { margin: auto; }\n .tw-pocket-mx-auto { margin-left: auto; margin-right: auto; }\n .tw-pocket-mt-2 { margin-top: 0.5rem; }\n .tw-pocket-mt-3 { margin-top: 0.75rem; }\n .tw-pocket-mt-4 { margin-top: 1rem; }\n .tw-pocket-mt-6 { margin-top: 1.5rem; }\n .tw-pocket-mt-8 { margin-top: 2rem; }\n .tw-pocket-mt-12 { margin-top: 3rem; }\n .tw-pocket-mt-16 { margin-top: 4rem; }\n .tw-pocket-mt-20 { margin-top: 5rem; }\n .tw-pocket-mt-24 { margin-top: 6rem; }\n .tw-pocket-mb-1 { margin-bottom: 0.25rem; }\n .tw-pocket-mb-2 { margin-bottom: 0.5rem; }\n .tw-pocket-mb-3 { margin-bottom: 0.75rem; }\n .tw-pocket-mb-4 { margin-bottom: 1rem; }\n .tw-pocket-mb-6 { margin-bottom: 1.5rem; }\n .tw-pocket-mb-8 { margin-bottom: 2rem; }\n .tw-pocket-mb-20 { margin-bottom: 5rem; }\n .tw-pocket-mb-16 { margin-bottom: 4rem; }\n .tw-pocket-mb-24 { margin-bottom: 6rem; }\n .tw-pocket-ml-2 { margin-left: 0.5rem; }\n .tw-pocket-ml-3 { margin-left: 0.75rem; }\n .tw-pocket-mr-1 { margin-right: 0.25rem; }\n .tw-pocket-mr-2 { margin-right: 0.5rem; }\n .tw-pocket-mr-3 { margin-right: 0.75rem; }\n .tw-pocket-mr-4 { margin-right: 1rem; }\n .tw-pocket--ml-2 { margin-left: -0.5rem; }\n \n /* Width & Height */\n .tw-pocket-w-full { width: 100%; }\n .tw-pocket-w-3 { width: 0.75rem; }\n .tw-pocket-w-4 { width: 1rem; }\n .tw-pocket-w-5 { width: 1.25rem; }\n .tw-pocket-w-6 { width: 1.5rem; }\n .tw-pocket-w-8 { width: 2rem; }\n .tw-pocket-w-10 { width: 2.5rem; }\n .tw-pocket-w-12 { width: 3rem; }\n .tw-pocket-w-16 { width: 4rem; }\n .tw-pocket-w-20 { width: 5rem; }\n .tw-pocket-w-24 { width: 6rem; }\n .tw-pocket-w-32 { width: 8rem; }\n .tw-pocket-w-1\\/2 { width: 50%; }\n .tw-pocket-w-1\\/2 { width: 50%; }\n .tw-pocket-h-3 { height: 0.75rem; }\n .tw-pocket-h-4 { height: 1rem; }\n .tw-pocket-h-5 { height: 1.25rem; }\n .tw-pocket-h-6 { height: 1.5rem; }\n .tw-pocket-h-8 { height: 2rem; }\n .tw-pocket-h-10 { height: 2.5rem; }\n .tw-pocket-h-12 { height: 3rem; }\n .tw-pocket-h-16 { height: 4rem; }\n .tw-pocket-h-20 { height: 5rem; }\n .tw-pocket-h-24 { height: 6rem; }\n .tw-pocket-h-30 { height: 7.5rem; }\n .tw-pocket-h-32 { width: 8rem; }\n .tw-pocket-h-auto { height: auto; }\n .tw-pocket-h-screen { height: 100vh; }\n .tw-pocket-max-w-3xl { max-width: 48rem; }\n .tw-pocket-max-w-4xl { max-width: 56rem; }\n .tw-pocket-max-w-5xl { max-width: 64rem; }\n .tw-pocket-max-w-6xl { max-width: 72rem; }\n .tw-pocket-max-w-7xl { max-width: 75rem; } /* 1200px */\n .tw-pocket-max-w-md { max-width: 28rem; }\n .tw-pocket-max-w-2xl { max-width: 42rem; }\n \n /* Typography */\n .tw-pocket-text-xs { font-size: 0.75rem; line-height: 1rem; }\n .tw-pocket-text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n .tw-pocket-text-base { font-size: 1.2rem; line-height: 1.8rem; }\n .tw-pocket-text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n .tw-pocket-text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n .tw-pocket-text-2xl { font-size: 1.5rem; line-height: 2rem; }\n .tw-pocket-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n .tw-pocket-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n .tw-pocket-text-5xl { font-size: 3rem; line-height: 1; }\n .tw-pocket-text-6xl { font-size: 3.75rem; line-height: 1; }\n .tw-pocket-text-7xl { font-size: 4.5rem; line-height: 1; }\n .tw-pocket-text-8xl { font-size: 6rem; line-height: 1; }\n \n .tw-pocket-font-light { font-weight: 300; }\n .tw-pocket-font-normal { font-weight: 400; }\n .tw-pocket-font-medium { font-weight: 500; }\n .tw-pocket-font-semibold { font-weight: 600; }\n .tw-pocket-font-bold { font-weight: 700; }\n .tw-pocket-font-extrabold { font-weight: 800; }\n .tw-pocket-font-black { font-weight: 900; }\n \n .tw-pocket-text-left { text-align: left; }\n .tw-pocket-text-center { text-align: center; }\n .tw-pocket-text-right { text-align: right; }\n \n .tw-pocket-leading-tight { line-height: 1.25; }\n .tw-pocket-leading-snug { line-height: 1.375; }\n .tw-pocket-leading-normal { line-height: 1.5; }\n .tw-pocket-leading-relaxed { line-height: 1.625; }\n \n /* Colors */\n .tw-pocket-text-white { color: #fff; }\n .tw-pocket-text-black { color: #000; }\n .tw-pocket-text-gray-50 { color: #f9fafb; }\n .tw-pocket-text-gray-100 { color: #f3f4f6; }\n .tw-pocket-text-gray-200 { color: #e5e7eb; }\n .tw-pocket-text-gray-300 { color: #d1d5db; }\n .tw-pocket-text-gray-400 { color: #9ca3af; }\n .tw-pocket-text-gray-500 { color: #6b7280; }\n .tw-pocket-text-gray-600 { color: #4b5563; }\n .tw-pocket-text-gray-700 { color: #374151; }\n .tw-pocket-text-gray-800 { color: #1f2937; }\n .tw-pocket-text-gray-900 { color: #111827; }\n .tw-pocket-text-red-600 { color: #dc2626; }\n .tw-pocket-text-red-500 { color: #ef4444; }\n .tw-pocket-text-green-500 { color: #10b981; }\n .tw-pocket-text-green-600 { color: #059669; }\n .tw-pocket-text-neutral-400 { color: #9ca3af; }\n \n /* Backgrounds */\n .tw-pocket-bg-white { background-color: #fff; }\n .tw-pocket-bg-black { background-color: #000; }\n .tw-pocket-bg-gray-50 { background-color: #f9fafb; }\n .tw-pocket-bg-gray-100 { background-color: #f3f4f6; }\n .tw-pocket-bg-gray-200 { background-color: #e5e7eb; }\n .tw-pocket-bg-gray-700 { background-color: #374151; }\n .tw-pocket-bg-gray-800 { background-color: #1f2937; }\n .tw-pocket-bg-gray-900 { background-color: #111827; }\n .tw-pocket-bg-red-600 { background-color: #dc2626; }\n .tw-pocket-bg-black { background-color: #000; }\n .tw-pocket-bg-opacity-20 { background-color: rgba(0, 0, 0, 0.2); }\n \n /* Borders */\n .tw-pocket-border { border-width: 1px; }\n .tw-pocket-border-2 { border-width: 2px; }\n .tw-pocket-border-t { border-top-width: 1px; }\n .tw-pocket-border-l-4 { border-left-width: 4px; }\n .tw-pocket-border-gray-100 { border-color: #f3f4f6; }\n .tw-pocket-border-gray-200 { border-color: #e5e7eb; }\n .tw-pocket-border-gray-300 { border-color: #d1d5db; }\n .tw-pocket-border-white { border-color: #fff; }\n \n .tw-pocket-rounded { border-radius: 0.25rem; }\n .tw-pocket-rounded-lg { border-radius: 0.5rem; }\n .tw-pocket-rounded-xl { border-radius: 0.75rem; }\n .tw-pocket-rounded-2xl { border-radius: 1rem; }\n .tw-pocket-rounded-3xl { border-radius: 1.5rem; }\n .tw-pocket-rounded-4xl { border-radius: 2rem; }\n .tw-pocket-rounded-full { border-radius: 9999px; }\n \n /* Effects */\n .tw-pocket-shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }\n .tw-pocket-shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }\n .tw-pocket-shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }\n .tw-pocket-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }\n .tw-pocket-shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }\n .tw-pocket-shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }\n \n .tw-pocket-opacity-0 { opacity: 0; }\n .tw-pocket-opacity-60 { opacity: 0.6; }\n .tw-pocket-opacity-75 { opacity: 0.75; }\n .tw-pocket-opacity-90 { opacity: 0.9; }\n .tw-pocket-opacity-100 { opacity: 1; }\n \n /* Transitions */\n .tw-pocket-transition { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-pocket-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-pocket-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-pocket-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-pocket-duration-300 { transition-duration: 300ms; }\n .tw-pocket-duration-500 { transition-duration: 500ms; }\n .tw-pocket-duration-700 { transition-duration: 700ms; }\n \n /* Transform */\n .tw-pocket-transform { transform: translateX(0); }\n .tw-pocket-rotate-180 { transform: rotate(180deg); }\n .tw-pocket--translate-y-1 { transform: translateY(-0.25rem); }\n .tw-pocket--translate-y-2 { transform: translateY(-0.5rem); }\n .tw-pocket-translate-y-4 { transform: translateY(1rem); }\n .tw-pocket-scale-105 { transform: scale(1.05); }\n \n /* Position */\n .tw-pocket-relative { position: relative; }\n .tw-pocket-absolute { position: absolute; }\n .tw-pocket-fixed { position: fixed; }\n .tw-pocket-inset-0 { top: 0; right: 0; bottom: 0; left: 0; }\n .tw-pocket-top-0 { top: 0; }\n .tw-pocket-right-0 { right: 0; }\n .tw-pocket-left-0 { left: 0; }\n .tw-pocket-z-10 { z-index: 10; }\n .tw-pocket-z-50 { z-index: 50; }\n \n /* Object */\n .tw-pocket-object-cover { object-fit: cover; }\n .tw-pocket-object-contain { object-fit: contain; }\n \n /* Overflow */\n .tw-pocket-overflow-hidden { overflow: hidden; }\n \n /* Cursor */\n .tw-pocket-cursor-pointer { cursor: pointer; }\n \n /* Responsive */\n @media (min-width: 640px) {\n .tw-pocket-sm\\:flex { display: flex; }\n .tw-pocket-sm\\:flex-row { flex-direction: row; }\n .tw-pocket-sm\\:gap-12 { gap: 3rem; }\n .tw-pocket-sm\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n .tw-pocket-sm\\:text-5xl { font-size: 3rem; line-height: 1; }\n .tw-pocket-sm\\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n }\n \n @media (min-width: 768px) {\n .tw-pocket-md\\:flex { display: flex; }\n .tw-pocket-md\\:hidden { display: none; }\n .tw-pocket-md\\:flex-row { flex-direction: row; }\n .tw-pocket-md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .tw-pocket-md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n .tw-pocket-md\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n .tw-pocket-md\\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }\n .tw-pocket-md\\:gap-8 { gap: 2rem; }\n .tw-pocket-md\\:text-2xl { font-size: 1.5rem; line-height: 2rem; }\n .tw-pocket-md\\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n .tw-pocket-md\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n .tw-pocket-md\\:text-5xl { font-size: 3rem; line-height: 1; }\n .tw-pocket-md\\:text-6xl { font-size: 3.75rem; line-height: 1; }\n .tw-pocket-md\\:text-7xl { font-size: 4.5rem; line-height: 1; }\n .tw-pocket-md\\:px-8 { padding-left: 2rem; padding-right: 2rem; }\n .tw-pocket-md\\:py-32 { padding-top: 8rem; padding-bottom: 8rem; }\n }\n \n @media (min-width: 1024px) {\n .tw-pocket-lg\\:flex-row { flex-direction: row; }\n .tw-pocket-lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .tw-pocket-lg\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n .tw-pocket-lg\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n .tw-pocket-lg\\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }\n .tw-pocket-lg\\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }\n .tw-pocket-lg\\:w-1\\/2 { width: 50%; }\n .tw-pocket-lg\\:text-8xl { font-size: 6rem; line-height: 1; }\n }\n \n /* Container - 1200px max-width */\n .tw-pocket-container {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 1rem;\n padding-left: 1rem;\n }\n \n @media (min-width: 1280px) {\n .tw-pocket-container { max-width: 1200px; }\n .tw-pocket-max-w-7xl { max-width: 1200px; }\n }\n \n /* Hover States */\n .tw-pocket-hover\\:bg-gray-50:hover { background-color: #f9fafb; }\n .tw-pocket-hover\\:bg-gray-100:hover { background-color: #f3f4f6; }\n .tw-pocket-hover\\:bg-gray-700:hover { background-color: #374151; }\n .tw-pocket-hover\\:text-gray-900:hover { color: #111827; }\n .tw-pocket-hover\\:text-red-700:hover { color: #b91c1c; }\n .tw-pocket-hover\\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }\n .tw-pocket-hover\\:shadow-xl:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }\n .tw-pocket-hover\\:-translate-y-1:hover { transform: translateY(-0.25rem); }\n .tw-pocket-hover\\:-translate-y-2:hover { transform: translateY(-0.5rem); }\n .tw-pocket-hover\\:scale-105:hover { transform: scale(1.05); }\n \n /* Group Hover */\n .tw-pocket-group:hover .group-hover\\:opacity-100 { opacity: 1; }\n \n /* Sequel Sans Font Import with fallbacks */\n @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n \n /* Custom styling using Sequel Sans with Inter fallback */\n .tw-pocket-font-sequel {\n font-family: 'Sequel Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n }\n \n /* Custom colors - Red (#ff0800) as primary */\n :root {\n --primary-red: #ff0800;\n --primary-red-dark: #e60700;\n --neutral-900: #0f172a;\n --neutral-800: #1e293b;\n --neutral-700: #334155;\n --neutral-600: #475569;\n --neutral-500: #64748b;\n --neutral-400: #94a3b8;\n --neutral-300: #cbd5e1;\n --neutral-200: #e2e8f0;\n --neutral-100: #f1f5f9;\n --neutral-50: #f8fafc;\n --border-light: #e2e8f0;\n }\n \n .tw-pocket-bg-primary { background-color: var(--primary-red); }\n .tw-pocket-text-primary { color: var(--primary-red); }\n .tw-pocket-border-primary { border-color: var(--primary-red); }\n .tw-pocket-bg-neutral-900 { background-color: var(--neutral-900); }\n .tw-pocket-text-neutral-900 { color: var(--neutral-900); }\n .tw-pocket-bg-neutral-50 { background-color: var(--neutral-50); }\n .tw-pocket-text-neutral-600 { color: var(--neutral-600); }\n .tw-pocket-text-neutral-500 { color: var(--neutral-500); }\n \n /* Gradient backgrounds - Red theme */\n .tw-pocket-gradient-red {\n background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-dark) 100%);\n }\n \n .tw-bg-danger-gradient {\n background: #ff0800;\n background: linear-gradient(0deg, rgb(255, 8, 0) 0%, rgb(205, 6, 0) 100%);\n }\n\n .tw-pocket-hero-gradient {\n background: linear-gradient(to bottom, rgba(255, 8, 0, 0.15) 0%, rgba(255, 8, 0, 0.08) 25%, rgba(255, 8, 0, 0.04) 50%, rgba(255, 8, 0, 0.02) 75%, rgba(255, 255, 255, 0) 100%);\n }\n \n .tw-pocket-gradient-light {\n background: linear-gradient(135deg, var(--neutral-50) 0%, var(--neutral-100) 100%);\n }\n \n /* Modern card styles with rounded corners */\n .tw-pocket-card {\n background: white;\n border: 1px solid var(--border-light);\n border-radius: 1.5rem;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .tw-pocket-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 32px 64px rgba(0, 0, 0, 0.12);\n }\n \n .tw-pocket-card-large {\n background: white;\n border: 1px solid var(--border-light);\n border-radius: 2rem;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .tw-pocket-integration-card {\n border-radius: 1.25rem;\n padding: 1.25rem 0.75rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 120px;\n border: 1px solid var(--border-light);\n transition: all 0.3s ease;\n }\n .tw-pocket-integration-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n }\n .tw-pocket-integration-card img {\n max-height: 44px;\n max-width: 100px;\n object-fit: contain;\n margin-bottom: 0.625rem;\n }\n .tw-pocket-integration-card span {\n font-size: 0.75rem;\n font-weight: 600;\n color: #4a5568;\n text-align: center;\n line-height: 1.2;\n }\n\n /* Modern button styles - Red theme */\n .tw-pocket-btn {\n position: relative;\n padding: 1rem 2rem;\n border-radius: 0.75rem;\n font-weight: 600;\n font-size: 1rem;\n transition: all 0.2s ease;\n border: none;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n \n .tw-pocket-btn:hover {\n transform: translateY(-1px);\n }\n \n .tw-pocket-btn-primary {\n background: var(--primary-red);\n color: white;\n }\n \n .tw-pocket-btn-primary:hover {\n background: var(--primary-red-dark);\n color: white;\n box-shadow: 0 8px 25px rgba(255, 8, 0, 0.3);\n }\n \n .tw-pocket-btn-outline {\n background: transparent;\n color: var(--neutral-700);\n border: 2px solid var(--neutral-300);\n }\n \n .tw-pocket-btn-outline:hover {\n background: var(--neutral-50);\n border-color: var(--neutral-400);\n color: var(--neutral-900);\n }\n \n /* Feature icon styles - Automotive theme */\n .tw-pocket-feature-icon {\n width: 4rem;\n height: 4rem;\n background: linear-gradient(135deg, var(--neutral-50) 0%, var(--neutral-100) 100%);\n border-radius: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n border: 1px solid var(--border-light);\n }\n \n .tw-pocket-feature-icon svg {\n width: 2rem;\n height: 2rem;\n color: var(--primary-red);\n }\n \n /* Dashboard mockup styles */\n .tw-pocket-dashboard-mockup {\n background: var(--neutral-900);\n border-radius: 1.5rem;\n overflow: hidden;\n box-shadow: 0 32px 64px rgba(0, 0, 0, 0.2);\n }\n \n .tw-pocket-dashboard-header {\n background: var(--neutral-800);\n padding: 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n \n .tw-pocket-dashboard-dot {\n width: 0.75rem;\n height: 0.75rem;\n border-radius: 50%;\n }\n \n .tw-pocket-dashboard-dot.red { background: #ff5f56; }\n .tw-pocket-dashboard-dot.yellow { background: #ffbd2e; }\n .tw-pocket-dashboard-dot.green { background: #27ca3f; }\n \n /* Stats counter animation */\n .tw-pocket-stat-number {\n font-variant-numeric: tabular-nums;\n }\n \n /* Product specific styling */\n .tw-pocket-product-badge {\n display: inline-flex;\n align-items: center;\n padding: 0.5rem 1rem;\n background: rgba(255, 8, 0, 0.1);\n color: var(--primary-red);\n border-radius: 2rem;\n font-size: 0.875rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n \n .tw-pocket-product-badge svg {\n width: 1rem;\n height: 1rem;\n margin-right: 0.5rem;\n }\n\n /* RentalOS background card */\n .tw-pocket-rentals-card {\n position: relative;\n background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3ummxKVi7c3U4u1YTLHJiJ/094a5e1cb32003c2c66c48c86833569f/rental_os_square.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n border-radius: 2rem;\n overflow: hidden;\n height: 70vh;\n display: flex;\n align-items: flex-end;\n }\n\n .tw-pocket-rentals-card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(45deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.3) 100%);\n z-index: 1;\n }\n\n .tw-pocket-ai-card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(45deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);\n z-index: 1;\n }\n\n .tw-pocket-rentals-content {\n position: relative;\n z-index: 2;\n padding: 3rem;\n }\n\n /* Horizontal scroll carousel - Container-based approach */\n .tw-pocket-carousel-wrapper {\n margin: 0 -4rem;\n }\n\n @media (max-width: 768px) {\n .tw-pocket-carousel-wrapper {\n margin: 0 -2rem;\n }\n }\n\n @media (max-width: 640px) {\n .tw-pocket-carousel-wrapper {\n margin: 0 -1rem;\n }\n }\n\n .tw-pocket-feature-carousel {\n display: flex;\n gap: 1.5rem;\n overflow-x: auto;\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n padding: 0 4rem 1rem 0;\n }\n\n @media (max-width: 768px) {\n .tw-pocket-feature-carousel {\n padding: 0 2rem 1rem 0;\n }\n }\n\n @media (max-width: 640px) {\n .tw-pocket-feature-carousel {\n padding: 0 1rem 1rem 0;\n }\n }\n\n /* Carousel scrollbar hidden */\n .tw-pocket-feature-carousel::-webkit-scrollbar {\n display: none;\n }\n\n .tw-pocket-carousel-container {\n position: relative;\n }\n\n .tw-pocket-nav-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 1px solid var(--border-light);\n border-radius: 50%;\n width: 3rem;\n height: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n cursor: pointer;\n z-index: 20;\n transition: all 0.2s ease;\n }\n\n .tw-pocket-nav-arrow:hover {\n background: var(--neutral-50);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n }\n\n .tw-pocket-nav-arrow.left {\n left: 1rem;\n }\n\n .tw-pocket-nav-arrow.right {\n right: 1rem;\n }\n\n .tw-pocket-nav-arrow svg {\n width: 1.25rem;\n height: 1.25rem;\n color: var(--neutral-700);\n }\n\n .tw-pocket-feature-card {\n flex: 0 0 400px;\n height: 70vh;\n border-radius: 2rem;\n position: relative;\n scroll-snap-align: start;\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n overflow: hidden;\n background-size: cover;\n background-position: left center;\n background-repeat: no-repeat;\n }\n\n .tw-pocket-feature-card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, #F0F2F5 0%, #F0F2F5 20%, rgba(240, 242, 245, 0.8) 50%, rgba(240, 242, 245, 0.3) 80%, rgba(240, 242, 245, 0) 100%);\n z-index: 1;\n }\n\n .tw-pocket-feature-card-content {\n position: relative;\n z-index: 2;\n padding: 2rem 3rem;\n color: black;\n }\n \n /* Subtle animation classes - VERY minimal */\n .fade-in {\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n }\n \n .fade-in-up {\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n \n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n /* Staggered animation delays - much shorter */\n .stagger-1 { transition-delay: 0.05s; }\n .stagger-2 { transition-delay: 0.1s; }\n .stagger-3 { transition-delay: 0.15s; }\n .stagger-4 { transition-delay: 0.2s; }\n .stagger-5 { transition-delay: 0.25s; }\n .stagger-6 { transition-delay: 0.3s; }\n \n /* Screenshot styling */\n .tw-pocket-screenshot {\n width: 100%;\n height: auto;\n border-radius: 1rem;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n\n /* Background utilities */\n .tw-pocket-bg-cover { background-size: cover; }\n .tw-pocket-bg-center { background-position: center; }\n .tw-pocket-bg-left { background-position: left center; }\n .tw-pocket-bg-right { background-position: right center; }\n .tw-pocket-max-w-lg { max-width: 32rem; }\n .tw-pocket-bg-no-repeat { background-repeat: no-repeat; }\n .tw-pocket-min-h-screen { min-height: 100vh; }\n .tw-pocket-min-h-96 { min-height: 24rem; }\n .tw-pocket-min-h-681 { min-height: 481px; }\n .tw-pocket-h-full { height: 100%; }\n \n /* Customer showcase styles */\n .tw-pocket-customer-iframe {\n width: 100%;\n height: 600px;\n border: 1px solid var(--border-light);\n border-radius: 1rem;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n\n .tw-pocket-customer-iframe-container {\n position: relative;\n border-radius: 1rem;\n overflow: hidden;\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n min-height: 600px;\n }\n\n .tw-pocket-customer-iframe-container::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 80px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);\n pointer-events: none;\n z-index: 10;\n }\n\n .tw-pocket-iframe-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: transparent;\n z-index: 15;\n cursor: default;\n }\n \n .tw-pocket-favicon {\n width: 1.5rem;\n height: 1.5rem;\n border-radius: 0.375rem;\n object-fit: cover;\n flex-shrink: 0;\n }\n \n .tw-pocket-customer-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1rem;\n padding: 0 0.5rem;\n }\n \n /* Remove custom scrollbar styling */\n \n /* Ensure white backgrounds */\n html, body {\n background-color: white !important;\n margin: 0;\n padding: 0;\n }\n \n /* Set base font size */\n .tw-pocket-landing {\n font-size: 1.2rem;\n }\n \u003c/style>","meta_title":"RentalOS - Fleet & Rental Management | PocketOS","meta_description":"RentalOS is the complete rental and fleet management platform. Manage bookings, vehicles, and customers in one place.","is_home":false,"status":"published","sort_order":0,"created_by":"system-migration","updated_by":"startup:migrate-cms-showcase-scripts","redirect":false,"date_created":"2026-04-02T01:52:42.399Z","date_updated":"2026-05-06T23:16:51.961Z"}}}}
Stripe
Shopify
Apple Pay
Telegram
Discord
Intercom
Anthropic
Google Gemini
Google Analytics
Search Console
Business Profile
Yelp
Tripadvisor
Meta
TikTok
X (Twitter)
Mapbox
Google Places
Spotify