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
Drive somethingextraordinary.
Book unique vehicles from trusted local hosts. Pocket Drives connects you with an incredible selection of cars—from daily drivers to dream machines—all through a seamless mobile app.
Real-time chat with hosts
Book a car in minutes
From browsing to behind the wheel—fast, simple, and secure.
1
Browse
Explore vehicles near you. Filter by type, price, date, and features.
2
Book Instantly
Secure your ride with a few taps. No waiting for host approval.
3
Contactless Pickup
Digital check-in with photo inspection. Pick up and go.
4
Drive
Hit the road. In-app messaging keeps you connected with your host.
Everything you need,
A seamless mobile experience designed for modern travelers.
Real-Time Chat
Message your host directly. Coordinate pickup details, ask questions, and get instant responses.
Digital Check-in
Walk-around photo inspection built into the app. No paperwork, no hassle.
Delivery Available
Many hosts offer delivery right to your door. Skip the trip to a pickup location.
Insurance Included
Every trip comes with liability and physical damage protection. Drive with confidence.
Secure Payments
Transparent pricing, no hidden fees. Pay securely through the app.
Digital Agreements
Sign your rental agreement right in the app. Everything is documented and accessible.
More than just a rental.It's an experience.
From weekend road trips in a convertible to arriving at a special event in something unforgettable—Pocket Drives makes it easy to find the perfect vehicle for any occasion.
Road Trips
Book the perfect vehicle for your next adventure. SUVs, trucks, convertibles—whatever fits the journey.
Special Events
Weddings, proms, anniversaries. Make an entrance in something extraordinary.
Daily Driving
Need wheels while yours is in the shop? Affordable daily rentals from hosts in your neighborhood.
Have a car to share?Earn on your terms.
Pocket Drives gives hosts full control over pricing, delivery, and their business. Set your own rules and keep more of what you earn.
Your Pricing
Set daily rates, weekly discounts, and seasonal pricing. No platform interference.
White-Label Website Included
Every host gets a branded booking website. Run direct bookings outside the marketplace.
Full Analytics
Revenue tracking, fleet performance, and booking insights. Your data, always.
Calendar Sync
Sync bookings across multiple platforms. No double bookings, ever.
Frequently Asked Questions
How do I book a car?
Download the Pocket Drives app, browse vehicles near you, select your dates, and book instantly. You can message the host directly to coordinate pickup details.
Is insurance included?
Yes. Every Pocket Drives trip includes liability coverage and physical damage protection. You can drive with confidence knowing you're covered.
How does pickup work?
Complete a digital check-in in the app with a walk-around photo inspection, then you're good to go. Many hosts also offer delivery directly to your location.
What types of vehicles are available?
Everything from affordable daily drivers to luxury sedans, SUVs, trucks, sports cars, and exotic vehicles. Our hosts offer a wide variety of vehicles across all price ranges.
{"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/pocket-drives":{"_id":"emsvKsFWF69azCbs8","title":"Pocket Drives","slug":"pocket-drives","folder":"product","page_type":"product","content_html":"\u003c!-- Wrapped in tw-drives-landing for complete CSS isolation -->\n \u003cdiv class=\"tw-drives-landing tw-drives-font-sequel tw-drives-bg-white\">\n \n \u003c!-- Hero Section - Consumer App Focus -->\n \u003cheader class=\"tw-drives-bg-white tw-drives-py-20 tw-drives-px-4\">\n \u003cdiv class=\"tw-drives-max-w-4xl tw-drives-mx-auto\">\n \u003cdiv class=\"tw-drives-animate-fade-up\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-6\">\n \u003cspan class=\"tw-drives-bg-pocket-green tw-drives-text-white tw-drives-px-4 tw-drives-py-2 tw-drives-rounded-full tw-drives-text-sm tw-drives-flex tw-drives-items-center tw-drives-font-semibold\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-text-white tw-drives-mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/>\n \u003c/svg>\n Available on iOS\n \u003c/span>\n \u003c/div>\n \n \u003ch1 class=\"tw-drives-text-5xl tw-drives-md:text-6xl tw-drives-font-bold tw-drives-mb-6 tw-drives-leading-tight tw-drives-text-gray-900 tw-drives-text-left\">\n Drive something\u003cbr>\n \u003cspan class=\"tw-drives-text-pocket-green\">extraordinary.\u003c/span>\n \u003c/h1>\n \u003cp class=\"tw-drives-text-xl tw-drives-md:text-2xl tw-drives-mb-6 tw-drives-text-gray-600 tw-drives-text-left tw-drives-leading-relaxed\">\n Book unique vehicles from trusted local hosts. Pocket Drives connects you with an incredible selection of cars—from daily drivers to dream machines—all through a seamless mobile app.\n \u003c/p>\n \n \u003cdiv class=\"tw-drives-flex tw-drives-flex-col tw-drives-sm:flex-row tw-drives-gap-4 tw-drives-mb-8\">\n \u003cdiv class=\"tw-drives-flex tw-drives-items-center\">\n \u003cdiv class=\"tw-drives-w-6 tw-drives-h-6 tw-drives-bg-pocket-green tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mr-3\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\u003c/svg>\n \u003c/div>\n \u003cspan class=\"tw-drives-text-gray-700\">Instant booking\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-drives-flex tw-drives-items-center\">\n \u003cdiv class=\"tw-drives-w-6 tw-drives-h-6 tw-drives-bg-pocket-green tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mr-3\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\u003c/svg>\n \u003c/div>\n \u003cspan class=\"tw-drives-text-gray-700\">Real-time chat with hosts\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-drives-flex tw-drives-items-center\">\n \u003cdiv class=\"tw-drives-w-6 tw-drives-h-6 tw-drives-bg-pocket-green tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mr-3\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\u003c/svg>\n \u003c/div>\n \u003cspan class=\"tw-drives-text-gray-700\">Contactless pickup\u003c/span>\n \u003c/div>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-flex tw-drives-flex-col tw-drives-sm:flex-row tw-drives-gap-4 tw-drives-mb-8\">\n \u003ca href=\"https://apps.apple.com/us/app/pocket-drives/id6758782510\" target=\"_blank\" class=\"tw-drives-btn-3d tw-drives-btn-3d-green\">Download on the App Store\u003c/a>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/header>\n\n \u003c!-- How It Works -->\n \u003csection class=\"tw-drives-py-20 tw-drives-px-4 tw-drives-gradient-light\">\n \u003cdiv class=\"tw-drives-max-w-4xl tw-drives-mx-auto\">\n \u003cdiv class=\"tw-drives-animate-fade-up\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-6\">\n \u003cspan class=\"tw-drives-bg-gray-100 tw-drives-text-gray-600 tw-drives-px-4 tw-drives-py-2 tw-drives-rounded-full tw-drives-text-sm tw-drives-flex tw-drives-items-center\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm1 5v6h4v2h-6V7h2z\"/>\u003c/svg>\n How It Works\n \u003c/span>\n \u003c/div>\n \u003ch2 class=\"tw-drives-text-4xl tw-drives-md:text-5xl tw-drives-font-bold tw-drives-mb-6 tw-drives-text-gray-900 tw-drives-text-left\">Book a car in minutes\u003c/h2>\n \u003cp class=\"tw-drives-text-xl tw-drives-text-gray-600 tw-drives-text-left tw-drives-mb-8\">From browsing to behind the wheel—fast, simple, and secure.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-grid tw-drives-md:grid-cols-2 tw-drives-lg:grid-cols-4 tw-drives-gap-4\">\n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6 tw-drives-relative\">\n \u003cdiv class=\"tw-drives-absolute tw-drives-top-4 tw-drives-right-4 tw-drives-w-8 tw-drives-h-8 tw-drives-bg-pocket-green tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-text-white tw-drives-font-bold\">1\u003c/div>\n \u003cdiv class=\"tw-drives-w-12 tw-drives-h-12 tw-drives-bg-green-50 tw-drives-rounded-lg tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/search.png\" alt=\"Browse\" style=\"width: 32px; height: 32px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Browse\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Explore vehicles near you. Filter by type, price, date, and features.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6 tw-drives-relative\">\n \u003cdiv class=\"tw-drives-absolute tw-drives-top-4 tw-drives-right-4 tw-drives-w-8 tw-drives-h-8 tw-drives-bg-pocket-green tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-text-white tw-drives-font-bold\">2\u003c/div>\n \u003cdiv class=\"tw-drives-w-12 tw-drives-h-12 tw-drives-bg-green-50 tw-drives-rounded-lg tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/calendar.png\" alt=\"Book\" style=\"width: 32px; height: 32px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Book Instantly\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Secure your ride with a few taps. No waiting for host approval.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6 tw-drives-relative\">\n \u003cdiv class=\"tw-drives-absolute tw-drives-top-4 tw-drives-right-4 tw-drives-w-8 tw-drives-h-8 tw-drives-bg-pocket-green tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-text-white tw-drives-font-bold\">3\u003c/div>\n \u003cdiv class=\"tw-drives-w-12 tw-drives-h-12 tw-drives-bg-green-50 tw-drives-rounded-lg tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/enter-2.png\" alt=\"Pickup\" style=\"width: 32px; height: 32px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Contactless Pickup\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Digital check-in with photo inspection. Pick up and go.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6 tw-drives-relative\">\n \u003cdiv class=\"tw-drives-absolute tw-drives-top-4 tw-drives-right-4 tw-drives-w-8 tw-drives-h-8 tw-drives-bg-pocket-green tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-text-white tw-drives-font-bold\">4\u003c/div>\n \u003cdiv class=\"tw-drives-w-12 tw-drives-h-12 tw-drives-bg-green-50 tw-drives-rounded-lg tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/car.png\" alt=\"Drive\" style=\"width: 32px; height: 32px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Drive\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Hit the road. In-app messaging keeps you connected with your host.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- App Features -->\n \u003csection class=\"tw-drives-py-20 tw-drives-px-4\">\n \u003cdiv class=\"tw-drives-max-w-4xl tw-drives-mx-auto\">\n \u003cdiv class=\"tw-drives-animate-fade-up\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-6\">\n \u003cspan class=\"tw-drives-bg-gray-100 tw-drives-text-gray-600 tw-drives-px-4 tw-drives-py-2 tw-drives-rounded-full tw-drives-text-sm tw-drives-flex tw-drives-items-center\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/>\u003c/svg>\n The App Experience\n \u003c/span>\n \u003c/div>\n \u003ch2 class=\"tw-drives-text-4xl tw-drives-md:text-5xl tw-drives-font-bold tw-drives-mb-6 tw-drives-text-gray-900 tw-drives-text-left\">\n Everything you need,\u003cbr>right in your pocket\n \u003c/h2>\n \u003cp class=\"tw-drives-text-xl tw-drives-text-gray-600 tw-drives-text-left tw-drives-mb-8\">\n A seamless mobile experience designed for modern travelers.\n \u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-grid tw-drives-md:grid-cols-3 tw-drives-gap-6\">\n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/chat.png\" alt=\"Messaging\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Real-Time Chat\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Message your host directly. Coordinate pickup details, ask questions, and get instant responses.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/enter-2.png\" alt=\"Check-in\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Digital Check-in\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Walk-around photo inspection built into the app. No paperwork, no hassle.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/delivery.png\" alt=\"Delivery\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Delivery Available\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Many hosts offer delivery right to your door. Skip the trip to a pickup location.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/shield.png\" alt=\"Insurance\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Insurance Included\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Every trip comes with liability and physical damage protection. Drive with confidence.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/bank-cards.png\" alt=\"Payments\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Secure Payments\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Transparent pricing, no hidden fees. Pay securely through the app.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-4\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/document.png\" alt=\"Agreements\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2\">Digital Agreements\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600 tw-drives-text-sm\">Sign your rental agreement right in the app. Everything is documented and accessible.\u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- App Screenshots -->\n \u003cdiv class=\"tw-drives-mt-16 tw-drives-animate-fade-up\">\n \u003ch3 class=\"tw-drives-text-2xl tw-drives-font-bold tw-drives-mb-6 tw-drives-text-gray-900 tw-drives-text-center\">See it in action\u003c/h3>\n \u003cdiv class=\"tw-drives-grid tw-drives-grid-cols-1 tw-drives-md:grid-cols-3 tw-drives-gap-4\">\n \u003cimg src=\"/screenshots/pocket-drives/1.png\" alt=\"Pocket Drives - Browse Vehicles\" style=\"border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%;\" />\n \u003cimg src=\"/screenshots/pocket-drives/2.png\" alt=\"Pocket Drives - Vehicle Detail\" style=\"border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%;\" />\n \u003cimg src=\"/screenshots/pocket-drives/3.png\" alt=\"Pocket Drives - Booking\" style=\"border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%;\" />\n \u003cimg src=\"/screenshots/pocket-drives/4.png\" alt=\"Pocket Drives - Chat\" style=\"border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%;\" />\n \u003cimg src=\"/screenshots/pocket-drives/5.png\" alt=\"Pocket Drives - Check-in\" style=\"border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%;\" />\n \u003cimg src=\"/screenshots/pocket-drives/6.png\" alt=\"Pocket Drives - Trip Details\" style=\"border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%;\" />\n \u003cimg src=\"/screenshots/pocket-drives/7.png\" alt=\"Pocket Drives - Payments\" style=\"border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%;\" />\n \u003cimg src=\"/screenshots/pocket-drives/8.png\" alt=\"Pocket Drives - Agreement\" style=\"border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%;\" />\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Driving Experiences -->\n \u003csection class=\"tw-drives-py-20 tw-drives-px-4 tw-drives-bg-gray-900\">\n \u003cdiv class=\"tw-drives-max-w-4xl tw-drives-mx-auto\">\n \u003cdiv class=\"tw-drives-animate-fade-up tw-drives-text-center\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-center tw-drives-mb-6\">\n \u003cspan class=\"tw-drives-bg-gray-800 tw-drives-text-gray-300 tw-drives-px-4 tw-drives-py-2 tw-drives-rounded-full tw-drives-text-sm tw-drives-flex tw-drives-items-center\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\u003c/svg>\n Experiences\n \u003c/span>\n \u003c/div>\n \n \u003ch2 class=\"tw-drives-text-4xl tw-drives-md:text-5xl tw-drives-font-bold tw-drives-mb-6 tw-drives-text-white\">\n More than just a rental.\u003cbr>\n \u003cspan class=\"tw-drives-text-pocket-green\">It's an experience.\u003c/span>\n \u003c/h2>\n \n \u003cp class=\"tw-drives-text-xl tw-drives-text-gray-300 tw-drives-mb-8 tw-drives-leading-relaxed tw-drives-max-w-3xl tw-drives-mx-auto\">\n From weekend road trips in a convertible to arriving at a special event in something unforgettable—Pocket Drives makes it easy to find the perfect vehicle for any occasion.\n \u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-grid tw-drives-md:grid-cols-3 tw-drives-gap-6\">\n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6 tw-drives-text-center\" style=\"background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);\">\n \u003cdiv class=\"tw-drives-w-16 tw-drives-h-16 tw-drives-bg-green-50 tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mx-auto tw-drives-mb-4\" style=\"background:rgba(7,188,12,0.1);\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/road.png\" alt=\"Road Trip\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2 tw-drives-text-white\">Road Trips\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-400 tw-drives-text-sm\">Book the perfect vehicle for your next adventure. SUVs, trucks, convertibles—whatever fits the journey.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6 tw-drives-text-center\" style=\"background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);\">\n \u003cdiv class=\"tw-drives-w-16 tw-drives-h-16 tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mx-auto tw-drives-mb-4\" style=\"background:rgba(7,188,12,0.1);\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/champagne.png\" alt=\"Events\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2 tw-drives-text-white\">Special Events\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-400 tw-drives-text-sm\">Weddings, proms, anniversaries. Make an entrance in something extraordinary.\u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-card-shadcn tw-drives-p-6 tw-drives-text-center\" style=\"background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);\">\n \u003cdiv class=\"tw-drives-w-16 tw-drives-h-16 tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-mx-auto tw-drives-mb-4\" style=\"background:rgba(7,188,12,0.1);\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/city.png\" alt=\"Daily\" style=\"width: 40px; height: 40px;\" />\n \u003c/div>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-bold tw-drives-mb-2 tw-drives-text-white\">Daily Driving\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-400 tw-drives-text-sm\">Need wheels while yours is in the shop? Affordable daily rentals from hosts in your neighborhood.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- For Hosts (Secondary) -->\n \u003csection class=\"tw-drives-py-20 tw-drives-px-4 tw-drives-gradient-light\">\n \u003cdiv class=\"tw-drives-max-w-4xl tw-drives-mx-auto\">\n \u003cdiv class=\"tw-drives-animate-fade-up\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-6\">\n \u003cspan class=\"tw-drives-bg-gray-100 tw-drives-text-gray-600 tw-drives-px-4 tw-drives-py-2 tw-drives-rounded-full tw-drives-text-sm tw-drives-flex tw-drives-items-center\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"/>\u003c/svg>\n For Hosts\n \u003c/span>\n \u003c/div>\n \n \u003ch2 class=\"tw-drives-text-4xl tw-drives-md:text-5xl tw-drives-font-bold tw-drives-mb-6 tw-drives-text-gray-900 tw-drives-text-left\">\n Have a car to share?\u003cbr>\u003cspan class=\"tw-drives-text-pocket-green\">Earn on your terms.\u003c/span>\n \u003c/h2>\n \u003cp class=\"tw-drives-text-xl tw-drives-text-gray-600 tw-drives-text-left tw-drives-mb-8\">\n Pocket Drives gives hosts full control over pricing, delivery, and their business. Set your own rules and keep more of what you earn.\n \u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-grid tw-drives-md:grid-cols-2 tw-drives-gap-8\">\n \u003cdiv class=\"tw-drives-space-y-6\">\n \u003cdiv class=\"tw-drives-flex tw-drives-items-start tw-drives-space-x-4\">\n \u003cdiv class=\"tw-drives-w-12 tw-drives-h-12 tw-drives-bg-green-50 tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-flex-shrink-0\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/price-tag.png\" alt=\"Pricing\" style=\"width: 28px; height: 28px;\" />\n \u003c/div>\n \u003cdiv>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-semibold tw-drives-mb-2\">Your Pricing\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600\">Set daily rates, weekly discounts, and seasonal pricing. No platform interference.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-drives-flex tw-drives-items-start tw-drives-space-x-4\">\n \u003cdiv class=\"tw-drives-w-12 tw-drives-h-12 tw-drives-bg-green-50 tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-flex-shrink-0\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/domain.png\" alt=\"Website\" style=\"width: 28px; height: 28px;\" />\n \u003c/div>\n \u003cdiv>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-semibold tw-drives-mb-2\">White-Label Website Included\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600\">Every host gets a branded booking website. Run direct bookings outside the marketplace.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-drives-space-y-6\">\n \u003cdiv class=\"tw-drives-flex tw-drives-items-start tw-drives-space-x-4\">\n \u003cdiv class=\"tw-drives-w-12 tw-drives-h-12 tw-drives-bg-green-50 tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-flex-shrink-0\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/combo-chart.png\" alt=\"Analytics\" style=\"width: 28px; height: 28px;\" />\n \u003c/div>\n \u003cdiv>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-semibold tw-drives-mb-2\">Full Analytics\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600\">Revenue tracking, fleet performance, and booking insights. Your data, always.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-drives-flex tw-drives-items-start tw-drives-space-x-4\">\n \u003cdiv class=\"tw-drives-w-12 tw-drives-h-12 tw-drives-bg-green-50 tw-drives-rounded-full tw-drives-flex tw-drives-items-center tw-drives-justify-center tw-drives-flex-shrink-0\">\n \u003cimg src=\"https://img.icons8.com/3d-fluency/94/synchronize.png\" alt=\"Sync\" style=\"width: 28px; height: 28px;\" />\n \u003c/div>\n \u003cdiv>\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-semibold tw-drives-mb-2\">Calendar Sync\u003c/h3>\n \u003cp class=\"tw-drives-text-gray-600\">Sync bookings across multiple platforms. No double bookings, ever.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n\n \u003cdiv class=\"tw-drives-mt-12 tw-drives-text-center\">\n \u003ca href=\"/pricing\" class=\"tw-drives-btn-3d tw-drives-btn-3d-green\">Learn More About Hosting\u003c/a>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- FAQ Section -->\n \u003csection class=\"tw-drives-py-20 tw-drives-px-4\">\n \u003cdiv class=\"tw-drives-max-w-4xl tw-drives-mx-auto\">\n \u003cdiv class=\"tw-drives-animate-fade-up\">\n \u003cdiv class=\"tw-drives-flex tw-drives-justify-start tw-drives-mb-6\">\n \u003cspan class=\"tw-drives-bg-gray-100 tw-drives-text-gray-600 tw-drives-px-4 tw-drives-py-2 tw-drives-rounded-full tw-drives-text-sm tw-drives-flex tw-drives-items-center\">\n \u003csvg class=\"tw-drives-w-4 tw-drives-h-4 tw-drives-mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\"/>\u003c/svg>\n FAQ\n \u003c/span>\n \u003c/div>\n \u003ch2 class=\"tw-drives-text-4xl tw-drives-md:text-5xl tw-drives-font-bold tw-drives-mb-6 tw-drives-text-gray-900 tw-drives-text-left\">Frequently Asked Questions\u003c/h2>\n \u003c/div>\n \n \u003cdiv class=\"tw-drives-space-y-4\">\n \u003cdiv class=\"tw-drives-faq-item tw-drives-card-shadcn tw-drives-overflow-hidden\">\n \u003cbutton class=\"tw-drives-w-full tw-drives-px-8 tw-drives-py-6 tw-drives-text-left tw-drives-flex tw-drives-justify-between tw-drives-items-center tw-drives-hover:bg-gray-50 tw-drives-transition-colors\" onclick=\"toggleDrivesFaq(this)\">\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-semibold\">How do I book a car?\u003c/h3>\n \u003csvg class=\"tw-drives-w-6 tw-drives-h-6 tw-drives-faq-arrow tw-drives-transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\">\u003c/path>\u003c/svg>\n \u003c/button>\n \u003cdiv class=\"tw-drives-faq-content tw-drives-px-8 tw-drives-pb-6\">\n \u003cdiv class=\"tw-drives-border-l-4 tw-drives-border-pocket-green tw-drives-pl-6 tw-drives-bg-gray-50 tw-drives-p-4 tw-drives-rounded\">\n \u003cp class=\"tw-drives-text-gray-700\">Download the Pocket Drives app, browse vehicles near you, select your dates, and book instantly. You can message the host directly to coordinate pickup details.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n\n \u003cdiv class=\"tw-drives-faq-item tw-drives-card-shadcn tw-drives-overflow-hidden\">\n \u003cbutton class=\"tw-drives-w-full tw-drives-px-8 tw-drives-py-6 tw-drives-text-left tw-drives-flex tw-drives-justify-between tw-drives-items-center tw-drives-hover:bg-gray-50 tw-drives-transition-colors\" onclick=\"toggleDrivesFaq(this)\">\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-semibold\">Is insurance included?\u003c/h3>\n \u003csvg class=\"tw-drives-w-6 tw-drives-h-6 tw-drives-faq-arrow tw-drives-transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\">\u003c/path>\u003c/svg>\n \u003c/button>\n \u003cdiv class=\"tw-drives-faq-content tw-drives-px-8 tw-drives-pb-6\">\n \u003cdiv class=\"tw-drives-border-l-4 tw-drives-border-pocket-green tw-drives-pl-6 tw-drives-bg-gray-50 tw-drives-p-4 tw-drives-rounded\">\n \u003cp class=\"tw-drives-text-gray-700\">Yes. Every Pocket Drives trip includes liability coverage and physical damage protection. You can drive with confidence knowing you're covered.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n\n \u003cdiv class=\"tw-drives-faq-item tw-drives-card-shadcn tw-drives-overflow-hidden\">\n \u003cbutton class=\"tw-drives-w-full tw-drives-px-8 tw-drives-py-6 tw-drives-text-left tw-drives-flex tw-drives-justify-between tw-drives-items-center tw-drives-hover:bg-gray-50 tw-drives-transition-colors\" onclick=\"toggleDrivesFaq(this)\">\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-semibold\">How does pickup work?\u003c/h3>\n \u003csvg class=\"tw-drives-w-6 tw-drives-h-6 tw-drives-faq-arrow tw-drives-transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\">\u003c/path>\u003c/svg>\n \u003c/button>\n \u003cdiv class=\"tw-drives-faq-content tw-drives-px-8 tw-drives-pb-6\">\n \u003cdiv class=\"tw-drives-border-l-4 tw-drives-border-pocket-green tw-drives-pl-6 tw-drives-bg-gray-50 tw-drives-p-4 tw-drives-rounded\">\n \u003cp class=\"tw-drives-text-gray-700\">Complete a digital check-in in the app with a walk-around photo inspection, then you're good to go. Many hosts also offer delivery directly to your location.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n\n \u003cdiv class=\"tw-drives-faq-item tw-drives-card-shadcn tw-drives-overflow-hidden\">\n \u003cbutton class=\"tw-drives-w-full tw-drives-px-8 tw-drives-py-6 tw-drives-text-left tw-drives-flex tw-drives-justify-between tw-drives-items-center tw-drives-hover:bg-gray-50 tw-drives-transition-colors\" onclick=\"toggleDrivesFaq(this)\">\n \u003ch3 class=\"tw-drives-text-xl tw-drives-font-semibold\">What types of vehicles are available?\u003c/h3>\n \u003csvg class=\"tw-drives-w-6 tw-drives-h-6 tw-drives-faq-arrow tw-drives-transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\">\u003c/path>\u003c/svg>\n \u003c/button>\n \u003cdiv class=\"tw-drives-faq-content tw-drives-px-8 tw-drives-pb-6\">\n \u003cdiv class=\"tw-drives-border-l-4 tw-drives-border-pocket-green tw-drives-pl-6 tw-drives-bg-gray-50 tw-drives-p-4 tw-drives-rounded\">\n \u003cp class=\"tw-drives-text-gray-700\">Everything from affordable daily drivers to luxury sedans, SUVs, trucks, sports cars, and exotic vehicles. Our hosts offer a wide variety of vehicles across all price ranges.\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c/div>\u003c!-- End tw-drives-landing wrapper -->\n\n \u003c!-- JavaScript -->\n \u003cscript>\n // FAQ Toggle Function - Works with prefixed classes\n // Using both window assignment AND event delegation for maximum compatibility\n // when content is dynamically loaded via Contentful\n window.toggleDrivesFaq = function(button) {\n const faqItem = button.parentElement;\n const faqContent = faqItem.querySelector('.tw-drives-faq-content');\n const isActive = faqItem.classList.contains('tw-drives-active');\n \n // Close all FAQ items\n document.querySelectorAll('.tw-drives-faq-item').forEach(item => {\n item.classList.remove('tw-drives-active');\n const content = item.querySelector('.tw-drives-faq-content');\n if (content) {\n content.style.display = 'none';\n content.style.maxHeight = '0';\n content.style.opacity = '0';\n }\n });\n \n // Open clicked item if it wasn't active\n if (!isActive) {\n faqItem.classList.add('tw-drives-active');\n if (faqContent) {\n faqContent.style.display = 'block';\n // Small delay to ensure display change takes effect\n setTimeout(() => {\n faqContent.style.maxHeight = '800px';\n faqContent.style.opacity = '1';\n }, 10);\n }\n }\n };\n \n // Also expose as global function name without window prefix\n // This ensures inline onclick handlers can find it\n var toggleDrivesFaq = window.toggleDrivesFaq;\n \n // Event delegation fallback - handles clicks even if inline onclick fails\n // This is more robust for dynamically loaded content\n document.addEventListener('click', function(e) {\n const button = e.target.closest('.tw-drives-faq-item button');\n if (button) {\n e.preventDefault();\n window.toggleDrivesFaq(button);\n }\n });\n \n // Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n \n // Initialize immediately AND on DOMContentLoaded for compatibility\n // When loaded dynamically, DOMContentLoaded may have already fired\n function initializeFaqAndAnimations() {\n // Observe all animate elements\n document.querySelectorAll('.tw-drives-animate-fade-up').forEach(el => {\n observer.observe(el);\n });\n \n // Initialize FAQ items to ensure they're closed\n document.querySelectorAll('.tw-drives-faq-item').forEach(item => {\n const content = item.querySelector('.tw-drives-faq-content');\n if (content) {\n content.style.display = 'none';\n content.style.maxHeight = '0';\n content.style.opacity = '0';\n }\n });\n }\n \n // Run immediately (for dynamically loaded content where DOM is already ready)\n initializeFaqAndAnimations();\n \n // Also run on DOMContentLoaded (for static page loads)\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initializeFaqAndAnimations);\n }\n \n // Smooth scrolling for anchor links (using event delegation)\n document.addEventListener('click', function(e) {\n const anchor = e.target.closest('a[href^=\"#\"]');\n if (anchor) {\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 // Add interactive hover effects for Shadcn cards (using event delegation)\n document.addEventListener('mouseenter', function(e) {\n const card = e.target.closest('.tw-drives-card-shadcn');\n if (card) {\n card.style.transform = 'translateY(-2px)';\n card.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.1)';\n }\n }, true);\n \n document.addEventListener('mouseleave', function(e) {\n const card = e.target.closest('.tw-drives-card-shadcn');\n if (card) {\n card.style.transform = 'translateY(0)';\n card.style.boxShadow = '';\n }\n }, true);\n \u003c/script>","head_inject":"\u003cstyle>\n /* EMBEDDED TAILWIND CSS - Prefixed with tw-drives- for complete isolation */\n.tw-drives-landing *, .tw-drives-landing ::before, .tw-drives-landing ::after { box-sizing: border-box; margin: 0; padding: 0; }\n \n /* Display */\n.tw-drives-block { display: block; }\n.tw-drives-inline-block { display: inline-block; }\n.tw-drives-inline { display: inline; }\n.tw-drives-flex { display: flex; }\n.tw-drives-inline-flex { display: inline-flex; }\n.tw-drives-grid { display: grid; }\n.tw-drives-hidden { display: none; }\n \n /* Flexbox */\n.tw-drives-flex-row { flex-direction: row; }\n.tw-drives-flex-col { flex-direction: column; }\n.tw-drives-flex-wrap { flex-wrap: wrap; }\n.tw-drives-flex-1 { flex: 1 1 0%; }\n.tw-drives-items-start { align-items: flex-start; }\n.tw-drives-items-center { align-items: center; }\n.tw-drives-items-end { align-items: flex-end; }\n.tw-drives-justify-start { justify-content: flex-start; }\n.tw-drives-justify-center { justify-content: center; }\n.tw-drives-justify-end { justify-content: flex-end; }\n.tw-drives-justify-between { justify-content: space-between; }\n \n /* Grid */\n.tw-drives-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }\n.tw-drives-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.tw-drives-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.tw-drives-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n \n /* Gaps */\n.tw-drives-gap-2 { gap: 0.5rem; }\n.tw-drives-gap-3 { gap: 0.75rem; }\n.tw-drives-gap-4 { gap: 1rem; }\n.tw-drives-gap-6 { gap: 1.5rem; }\n.tw-drives-gap-8 { gap: 2rem; }\n.tw-drives-gap-12 { gap: 3rem; }\n \n /* Spacing */\n.tw-drives-space-x-2 > * + * { margin-left: 0.5rem; }\n.tw-drives-space-x-3 > * + * { margin-left: 0.75rem; }\n.tw-drives-space-x-4 > * + * { margin-left: 1rem; }\n.tw-drives-space-y-2 > * + * { margin-top: 0.5rem; }\n.tw-drives-space-y-3 > * + * { margin-top: 0.75rem; }\n.tw-drives-space-y-4 > * + * { margin-top: 1rem; }\n.tw-drives-space-y-6 > * + * { margin-top: 1.5rem; }\n \n /* Padding */\n.tw-drives-p-0 { padding: 0; }\n.tw-drives-p-2 { padding: 0.5rem; }\n.tw-drives-p-3 { padding: 0.75rem; }\n.tw-drives-p-4 { padding: 1rem; }\n.tw-drives-p-6 { padding: 1.5rem; }\n.tw-drives-p-8 { padding: 2rem; }\n.tw-drives-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n.tw-drives-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n.tw-drives-px-4 { padding-left: 1rem; padding-right: 1rem; }\n.tw-drives-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n.tw-drives-px-8 { padding-left: 2rem; padding-right: 2rem; }\n.tw-drives-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\n.tw-drives-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n.tw-drives-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n.tw-drives-py-4 { padding-top: 1rem; padding-bottom: 1rem; }\n.tw-drives-py-8 { padding-top: 2rem; padding-bottom: 2rem; }\n.tw-drives-py-12 { padding-top: 3rem; padding-bottom: 3rem; }\n.tw-drives-py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n.tw-drives-py-20 { padding-top: 5rem; padding-bottom: 5rem; }\n.tw-drives-pt-4 { padding-top: 1rem; }\n.tw-drives-pb-6 { padding-bottom: 1.5rem; }\n.tw-drives-pl-6 { padding-left: 1.5rem; }\n \n /* Margin */\n.tw-drives-m-auto { margin: auto; }\n.tw-drives-mx-auto { margin-left: auto; margin-right: auto; }\n.tw-drives-mt-2 { margin-top: 0.5rem; }\n.tw-drives-mt-3 { margin-top: 0.75rem; }\n.tw-drives-mt-4 { margin-top: 1rem; }\n.tw-drives-mt-6 { margin-top: 1.5rem; }\n.tw-drives-mt-8 { margin-top: 2rem; }\n.tw-drives-mt-12 { margin-top: 3rem; }\n.tw-drives-mt-16 { margin-top: 4rem; }\n.tw-drives-mb-1 { margin-bottom: 0.25rem; }\n.tw-drives-mb-2 { margin-bottom: 0.5rem; }\n.tw-drives-mb-3 { margin-bottom: 0.75rem; }\n.tw-drives-mb-4 { margin-bottom: 1rem; }\n.tw-drives-mb-6 { margin-bottom: 1.5rem; }\n.tw-drives-mb-8 { margin-bottom: 2rem; }\n.tw-drives-mb-12 { margin-bottom: 3rem; }\n.tw-drives-mb-16 { margin-bottom: 4rem; }\n.tw-drives-ml-2 { margin-left: 0.5rem; }\n.tw-drives-ml-3 { margin-left: 0.75rem; }\n.tw-drives-mr-1 { margin-right: 0.25rem; }\n.tw-drives-mr-2 { margin-right: 0.5rem; }\n.tw-drives-mr-3 { margin-right: 0.75rem; }\n.tw-drives-mr-4 { margin-right: 1rem; }\n.tw-drives--ml-2 { margin-left: -0.5rem; }\n \n /* Width & Height */\n.tw-drives-w-full { width: 100%; }\n.tw-drives-w-3 { width: 0.75rem; }\n.tw-drives-w-4 { width: 1rem; }\n.tw-drives-w-5 { width: 1.25rem; }\n.tw-drives-w-6 { width: 1.5rem; }\n.tw-drives-w-8 { width: 2rem; }\n.tw-drives-w-12 { width: 3rem; }\n.tw-drives-w-16 { width: 4rem; }\n.tw-drives-h-3 { height: 0.75rem; }\n.tw-drives-h-4 { height: 1rem; }\n.tw-drives-h-5 { height: 1.25rem; }\n.tw-drives-h-6 { height: 1.5rem; }\n.tw-drives-h-8 { height: 2rem; }\n.tw-drives-h-12 { height: 3rem; }\n.tw-drives-h-16 { height: 4rem; }\n.tw-drives-h-auto { height: auto; }\n.tw-drives-max-w-3xl { max-width: 48rem; }\n.tw-drives-max-w-4xl { max-width: 56rem; }\n.tw-drives-max-w-5xl { max-width: 64rem; }\n.tw-drives-max-w-6xl { max-width: 72rem; }\n.tw-drives-max-w-7xl { max-width: 80rem; }\n \n /* Typography */\n.tw-drives-text-xs { font-size: 0.75rem; line-height: 1rem; }\n.tw-drives-text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n.tw-drives-text-base { font-size: 1rem; line-height: 1.5rem; }\n.tw-drives-text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n.tw-drives-text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n.tw-drives-text-2xl { font-size: 1.5rem; line-height: 2rem; }\n.tw-drives-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n.tw-drives-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n.tw-drives-text-5xl { font-size: 3rem; line-height: 1; }\n.tw-drives-text-6xl { font-size: 3.75rem; line-height: 1; }\n.tw-drives-text-7xl { font-size: 4.5rem; line-height: 1; }\n \n.tw-drives-font-light { font-weight: 300; }\n.tw-drives-font-normal { font-weight: 400; }\n.tw-drives-font-medium { font-weight: 500; }\n.tw-drives-font-semibold { font-weight: 600; }\n.tw-drives-font-bold { font-weight: 700; }\n.tw-drives-font-extrabold { font-weight: 800; }\n \n.tw-drives-text-left { text-align: left; }\n.tw-drives-text-center { text-align: center; }\n.tw-drives-text-right { text-align: right; }\n \n.tw-drives-leading-tight { line-height: 1.25; }\n.tw-drives-leading-relaxed { line-height: 1.625; }\n \n /* Colors */\n.tw-drives-text-white { color: #fff; }\n.tw-drives-text-black { color: #000; }\n.tw-drives-text-gray-50 { color: #f9fafb; }\n.tw-drives-text-gray-400 { color: #9ca3af; }\n.tw-drives-text-gray-500 { color: #6b7280; }\n.tw-drives-text-gray-600 { color: #4b5563; }\n.tw-drives-text-gray-700 { color: #374151; }\n.tw-drives-text-gray-800 { color: #1f2937; }\n.tw-drives-text-gray-900 { color: #111827; }\n.tw-drives-text-green-600 { color: #16a34a; }\n.tw-drives-text-red-600 { color: #dc2626; }\n.tw-drives-text-yellow-400 { color: #fbbf24; }\n \n /* Backgrounds */\n.tw-drives-bg-white { background-color: #fff; }\n.tw-drives-bg-black { background-color: #000; }\n.tw-drives-bg-gray-50 { background-color: #f9fafb; }\n.tw-drives-bg-gray-100 { background-color: #f3f4f6; }\n.tw-drives-bg-gray-200 { background-color: #e5e7eb; }\n.tw-drives-bg-gray-700 { background-color: #374151; }\n.tw-drives-bg-gray-800 { background-color: #1f2937; }\n.tw-drives-bg-gray-900 { background-color: #111827; }\n.tw-drives-bg-green-50 { background-color: #f0fdf4; }\n.tw-drives-bg-green-600 { background-color: #16a34a; }\n.tw-drives-bg-red-50 { background-color: #fef2f2; }\n.tw-drives-bg-red-100 { background-color: #fee2e2; }\n.tw-drives-bg-blue-50 { background-color: #eff6ff; }\n.tw-drives-bg-blue-100 { background-color: #dbeafe; }\n \n /* Borders */\n.tw-drives-border { border-width: 1px; }\n.tw-drives-border-2 { border-width: 2px; }\n.tw-drives-border-t { border-top-width: 1px; }\n.tw-drives-border-l-4 { border-left-width: 4px; }\n.tw-drives-border-gray-200 { border-color: #e5e7eb; }\n.tw-drives-border-gray-300 { border-color: #d1d5db; }\n.tw-drives-border-white { border-color: #fff; }\n.tw-drives-border-green-500 { border-color: #22c55e; }\n.tw-drives-border-green-600 { border-color: #16a34a; }\n \n.tw-drives-rounded { border-radius: 0.25rem; }\n.tw-drives-rounded-lg { border-radius: 0.5rem; }\n.tw-drives-rounded-xl { border-radius: 0.75rem; }\n.tw-drives-rounded-2xl { border-radius: 1rem; }\n.tw-drives-rounded-3xl { border-radius: 1.5rem; }\n.tw-drives-rounded-full { border-radius: 9999px; }\n \n /* Effects */\n.tw-drives-shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }\n.tw-drives-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-drives-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-drives-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-drives-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 \n.tw-drives-opacity-60 { opacity: 0.6; }\n.tw-drives-opacity-75 { opacity: 0.75; }\n.tw-drives-opacity-90 { opacity: 0.9; }\n \n /* Transitions */\n.tw-drives-transition { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n.tw-drives-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n.tw-drives-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n.tw-drives-duration-300 { transition-duration: 300ms; }\n \n /* Transform */\n.tw-drives-transform { transform: translateX(0); }\n.tw-drives-rotate-180 { transform: rotate(180deg); }\n.tw-drives--translate-y-2 { transform: translateY(-0.5rem); }\n \n /* Position */\n.tw-drives-relative { position: relative; }\n.tw-drives-absolute { position: absolute; }\n.tw-drives-fixed { position: fixed; }\n.tw-drives-inset-0 { top: 0; right: 0; bottom: 0; left: 0; }\n.tw-drives-top-0 { top: 0; }\n.tw-drives-right-0 { right: 0; }\n.tw-drives-z-10 { z-index: 10; }\n.tw-drives-z-50 { z-index: 50; }\n \n /* Object */\n.tw-drives-object-cover { object-fit: cover; }\n \n /* Overflow */\n.tw-drives-overflow-hidden { overflow: hidden; }\n \n /* Cursor */\n.tw-drives-cursor-pointer { cursor: pointer; }\n \n /* Responsive */\n @media (min-width: 640px) {\n.tw-drives-sm\\:flex-row { flex-direction: row; }\n.tw-drives-sm\\:gap-12 { gap: 3rem; }\n.tw-drives-sm\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n }\n \n @media (min-width: 768px) {\n.tw-drives-md\\:flex { display: flex; }\n.tw-drives-md\\:flex-row { flex-direction: row; }\n.tw-drives-md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.tw-drives-md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.tw-drives-md\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n.tw-drives-md\\:gap-8 { gap: 2rem; }\n.tw-drives-md\\:text-2xl { font-size: 1.5rem; line-height: 2rem; }\n.tw-drives-md\\:text-5xl { font-size: 3rem; line-height: 1; }\n.tw-drives-md\\:text-6xl { font-size: 3.75rem; line-height: 1; }\n }\n \n @media (min-width: 1024px) {\n.tw-drives-lg\\:flex-row { flex-direction: row; }\n.tw-drives-lg\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.tw-drives-lg\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n.tw-drives-lg\\:text-7xl { font-size: 4.5rem; line-height: 1; }\n }\n \n /* Container */\n.tw-drives-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-drives-container { max-width: 1280px; }\n }\n \n /* Hover States */\n.tw-drives-hover\\:bg-gray-50:hover { background-color: #f9fafb; }\n.tw-drives-hover\\:bg-gray-700:hover { background-color: #374151; }\n.tw-drives-hover\\:text-gray-900:hover { color: #111827; }\n.tw-drives-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-drives-hover\\:-translate-y-1:hover { transform: translateY(-0.25rem); }\n.tw-drives-hover\\:-translate-y-2:hover { transform: translateY(-0.5rem); }\n \n /* Group Hover */\n.tw-drives-group:hover .group-hover\\:opacity-100 { opacity: 1; }\n \n /* Sequel Sans Font Import */\n @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n \n /* Custom Sequel Sans-like styling using Inter as fallback */\n.tw-drives-font-sequel {\n font-family: 'Sequel Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n }\n \n /* Custom colors matching Pocket branding */\n :root {\n --pocket-green: #07bc0c;\n --pocket-red: #ff0800;\n --pocket-blue: #3b82f6;\n --pocket-dark: #1F2937;\n --pocket-gray: #6B7280;\n --border-light: #e5e7eb;\n }\n \n.tw-drives-bg-pocket-green { background-color: var(--pocket-green); }\n.tw-drives-text-pocket-green { color: var(--pocket-green); }\n.tw-drives-border-pocket-green { border-color: var(--pocket-green); }\n.tw-drives-bg-pocket-red { background-color: var(--pocket-red); }\n.tw-drives-text-pocket-red { color: var(--pocket-red); }\n.tw-drives-border-pocket-red { border-color: var(--pocket-red); }\n.tw-drives-bg-pocket-blue { background-color: var(--pocket-blue); }\n.tw-drives-text-pocket-blue { color: var(--pocket-blue); }\n \n /* Smooth animations */\n.tw-drives-animate-fade-up {\n animation: drivesFadeUp 0.6s ease-out forwards;\n opacity: 0;\n transform: translateY(30px);\n }\n \n.tw-drives-animate-fade-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n @keyframes drivesFadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n /* Gradient backgrounds */\n.tw-drives-gradient-bg {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n }\n \n.tw-drives-gradient-green {\n background: linear-gradient(135deg, var(--pocket-green) 0%, #059669 100%);\n }\n \n.tw-drives-gradient-light {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n }\n \n /* Shadcn-style cards with borders */\n.tw-drives-card-shadcn {\n background: white;\n border: 1px solid var(--border-light);\n border-radius: 1.5rem;\n transition: all 0.3s ease;\n }\n \n.tw-drives-card-shadcn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n }\n \n /* 3D Button styles */\n.tw-drives-btn-3d {\n position: relative;\n display: inline-block;\n padding: 0.75rem 1.5rem;\n border-radius: 0.5rem;\n font-weight: 600;\n font-size: 0.875rem;\n transition: all 0.2s ease;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);\n text-decoration: none;\n }\n \n.tw-drives-btn-3d:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);\n }\n \n.tw-drives-btn-3d:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n \n.tw-drives-btn-3d-green {\n background: var(--pocket-green);\n color: white;\n }\n \n.tw-drives-btn-3d-green:hover {\n background: #059669;\n color: white;\n }\n \n.tw-drives-btn-3d-outline {\n background: transparent;\n color: white;\n border: 2px solid white;\n }\n \n.tw-drives-btn-3d-outline:hover {\n background: white;\n color: var(--pocket-dark);\n }\n \n /* FAQ accordion styles */\n.tw-drives-faq-item {\n background: white !important;\n border: 1px solid #e5e7eb !important;\n border-radius: 1rem !important;\n transition: all 0.3s ease !important;\n overflow: hidden !important;\n }\n\n.tw-drives-faq-item button {\n width: 100% !important;\n padding: 1.5rem 2rem !important;\n text-align: left !important;\n display: flex !important;\n justify-content: space-between !important;\n align-items: center !important;\n transition: background-color 0.2s ease !important;\n background: transparent !important;\n border: none !important;\n cursor: pointer !important;\n }\n\n.tw-drives-faq-item button:hover {\n background-color: #f9fafb !important;\n }\n\n.tw-drives-faq-content {\n max-height: 0 !important;\n overflow: hidden !important;\n transition: max-height 0.4s ease, opacity 0.4s ease !important;\n opacity: 0 !important;\n display: none !important;\n }\n\n.tw-drives-faq-item.tw-drives-active .tw-drives-faq-content {\n max-height: 800px !important;\n opacity: 1 !important;\n display: block !important;\n padding: 0 2rem 1.5rem 2rem !important;\n }\n\n.tw-drives-faq-arrow {\n transition: transform 0.3s ease !important;\n width: 1.5rem !important;\n height: 1.5rem !important;\n }\n\n.tw-drives-faq-item.tw-drives-active .tw-drives-faq-arrow {\n transform: rotate(180deg) !important;\n }\n\n.tw-drives-faq-content > div {\n border-left: 4px solid var(--pocket-green) !important;\n padding-left: 1.5rem !important;\n background-color: #f9fafb !important;\n padding: 1rem 1rem 1rem 1.5rem !important;\n border-radius: 0.375rem !important;\n }\n \n /* Custom scrollbar */\n ::-webkit-scrollbar {\n width: 8px;\n }\n \n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n \n ::-webkit-scrollbar-thumb {\n background: var(--pocket-green);\n border-radius: 4px;\n }\n\n /* List styles */\n.tw-drives-list-disc {\n list-style-type: disc;\n padding-left: 1.5rem;\n }\n\n /* Form input styles */\n.tw-drives-input {\n width: 100%;\n padding: 0.75rem 1rem;\n border: 1px solid #e5e7eb;\n border-radius: 0.5rem;\n font-size: 1rem;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n.tw-drives-input:focus {\n outline: none;\n border-color: var(--pocket-green);\n box-shadow: 0 0 0 3px rgba(7, 188, 12, 0.1);\n }\n\n.tw-drives-input::placeholder {\n color: #9ca3af;\n }\n \u003c/style>","meta_title":"Pocket Drives - Vehicle Marketplace | PocketOS","meta_description":"Pocket Drives is the peer-to-peer vehicle rental marketplace. Book unique cars from trusted hosts.","is_home":false,"status":"published","sort_order":0,"created_by":"system-migration","updated_by":"system-migration","redirect":false,"date_created":"2026-04-02T01:52:42.406Z","date_updated":"2026-04-02T17:56:22.631Z"}}}}
