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
Stop Working for Turo
Turo keeps 35% of your earnings.
Pocket OS helps you keep 90%.
Stop giving away your money. Clean design, fast payouts—your car is finally working for you.
Keep 90% of Your Revenue
No more 35% cuts, cleaning fees, convenience fees, or mileage penalties
Run Your Own Fleet
Professional tools for pricing, payments, and instant payouts
Be Your Own Boss
Own your customer relationships and build your brand
✓ 3-Day Free Trial • ✓ Setup in 15 Minutes • ✓ No Hidden Fees
Stop Losing Money to Turo
Turo
-35%
Plus cleaning fees, convenience fees, and mileage penalties
Pocket OS
+90%
Keep almost everything. Your car, your profit.
Example: $1,000 Rental
Turo (65% after fees)
$650
Pocket OS (90%)
$900
You Keep Extra:
+$250
Powered by Pocket OS
Specialty Motors NYC
2x
Average Earnings Increase
$796k+
Host Savings vs Turo
Ready to Keep 90% of Your Earnings?
Start your 3-day free trial. Setup takes 15 minutes.
What You Get
Instant Payouts
Mercury Bank handles all payments
Insurance Verification
Real-time policy checks through Axle®
Fleet Management
Multi-vehicle tracking & availability
Your Own Booking Site
Professional white-label website
24/7 Support
We're here when you need us
Complete Your 3-Day Free Trial
Enter your payment details below. You won't be charged during your 3-day trial.
After the trial, it's just $97/month to keep 90% of your earnings.
Your Order
Pocket OS Subscription
$97/month
3-Day Free Trial
-$97
Due Today:
$0
{"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":{"landing/get-started":{"_id":"taBFtcN7LshjfmYHv","title":"PocketOS Ad Landing","slug":"get-started","folder":"landing","page_type":"page","content_html":"\u003c!-- Wrapped in tw-po-landing for complete CSS isolation -->\n \u003cdiv class=\"tw-po-landing tw-po-font-sequel tw-po-bg-white\">\n \n \u003c!-- Hero Section -->\n \u003cheader class=\"tw-po-py-12 tw-po-px-4 tw-po-sm:px-6 tw-po-md:px-8\">\n \u003cdiv class=\"tw-po-max-w-7xl tw-po-mx-auto\">\n \u003cdiv class=\"tw-po-grid tw-po-lg\\:grid-cols-2 tw-po-gap-12 tw-po-items-center\">\n \u003c!-- Left Side - Content -->\n \u003cdiv class=\"fade-in-up\">\n \u003c!-- Badge -->\n \u003cdiv class=\"tw-po-flex tw-po-justify-start tw-po-mb-6\">\n \u003cspan class=\"tw-po-bg-gray-100 tw-po-text-gray-600 tw-po-px-4 tw-po-py-2 tw-po-rounded-full tw-po-text-sm\">\n Stop Working for Turo\n \u003c/span>\n \u003c/div>\n \n \u003c!-- Main Heading -->\n \u003ch1 class=\"tw-po-text-4xl tw-po-md:text-6xl tw-po-font-bold tw-po-mb-6 tw-po-leading-tight tw-po-text-gray-900\">\n Turo keeps 35% of your earnings.\n \u003cbr>\n \u003cspan class=\"tw-po-text-po-green\">Pocket OS helps you keep 90%.\u003c/span>\n \u003c/h1>\n \n \u003cp class=\"tw-po-text-xl tw-po-md:text-2xl tw-po-mb-8 tw-po-text-gray-600 tw-po-leading-relaxed\">\n Stop giving away your money. Clean design, fast payouts—your car is finally working for you.\n \u003c/p>\n \n \u003c!-- Key Benefits -->\n \u003cdiv class=\"tw-po-space-y-4 tw-po-mb-8\">\n \u003cdiv class=\"tw-po-flex tw-po-items-start\">\n \u003cdiv class=\"tw-po-w-6 tw-po-h-6 tw-po-bg-po-green tw-po-rounded-full tw-po-flex tw-po-items-center tw-po-justify-center tw-po-mr-3 tw-po-mt-1\">\n \u003csvg class=\"tw-po-w-4 tw-po-h-4 tw-po-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 \u003c/div>\n \u003cdiv>\n \u003ch3 class=\"tw-po-font-semibold tw-po-text-gray-900 tw-po-text-lg\">Keep 90% of Your Revenue\u003c/h3>\n \u003cp class=\"tw-po-text-gray-600\">No more 35% cuts, cleaning fees, convenience fees, or mileage penalties\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-po-flex tw-po-items-start\">\n \u003cdiv class=\"tw-po-w-6 tw-po-h-6 tw-po-bg-po-green tw-po-rounded-full tw-po-flex tw-po-items-center tw-po-justify-center tw-po-mr-3 tw-po-mt-1\">\n \u003csvg class=\"tw-po-w-4 tw-po-h-4 tw-po-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 \u003c/div>\n \u003cdiv>\n \u003ch3 class=\"tw-po-font-semibold tw-po-text-gray-900 tw-po-text-lg\">Run Your Own Fleet\u003c/h3>\n \u003cp class=\"tw-po-text-gray-600\">Professional tools for pricing, payments, and instant payouts\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-po-flex tw-po-items-start\">\n \u003cdiv class=\"tw-po-w-6 tw-po-h-6 tw-po-bg-po-green tw-po-rounded-full tw-po-flex tw-po-items-center tw-po-justify-center tw-po-mr-3 tw-po-mt-1\">\n \u003csvg class=\"tw-po-w-4 tw-po-h-4 tw-po-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 \u003c/div>\n \u003cdiv>\n \u003ch3 class=\"tw-po-font-semibold tw-po-text-gray-900 tw-po-text-lg\">Be Your Own Boss\u003c/h3>\n \u003cp class=\"tw-po-text-gray-600\">Own your customer relationships and build your brand\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \n \u003c!-- Quick CTA -->\n \u003cdiv class=\"tw-po-bg-green-50 tw-po-border-l-4 tw-po-border-po-green tw-po-p-4 tw-po-rounded-lg\">\n \u003cp class=\"tw-po-text-lg tw-po-font-semibold tw-po-text-po-green\">\n ✓ 3-Day Free Trial • ✓ Setup in 15 Minutes • ✓ No Hidden Fees\n \u003c/p>\n \u003c/div>\n \u003c/div>\n \n \u003c!-- Right Side - Stats Highlight -->\n \u003cdiv class=\"fade-in-up\">\n \u003cdiv class=\"tw-po-card\">\n \u003ch3 class=\"tw-po-text-2xl tw-po-font-bold tw-po-mb-6 tw-po-text-center tw-po-text-gray-900\">Stop Losing Money to Turo\u003c/h3>\n \u003cdiv class=\"tw-po-space-y-6\">\n \u003c!-- Turo -->\n \u003cdiv class=\"tw-po-bg-red-50 tw-po-p-6 tw-po-rounded-lg tw-po-border-l-4 tw-po-border-po-red\">\n \u003cdiv class=\"tw-po-flex tw-po-justify-between tw-po-items-center tw-po-mb-2\">\n \u003cspan class=\"tw-po-text-lg tw-po-font-semibold tw-po-text-gray-900\">Turo\u003c/span>\n \u003cspan class=\"tw-po-text-3xl tw-po-font-bold tw-po-text-po-red\">-35%\u003c/span>\n \u003c/div>\n \u003cp class=\"tw-po-text-sm tw-po-text-gray-600\">Plus cleaning fees, convenience fees, and mileage penalties\u003c/p>\n \u003c/div>\n \n \u003c!-- Pocket OS -->\n \u003cdiv class=\"tw-po-bg-green-50 tw-po-p-6 tw-po-rounded-lg tw-po-border-l-4 tw-po-border-po-green\">\n \u003cdiv class=\"tw-po-flex tw-po-justify-between tw-po-items-center tw-po-mb-2\">\n \u003cspan class=\"tw-po-text-lg tw-po-font-semibold tw-po-text-gray-900\">Pocket OS\u003c/span>\n \u003cspan class=\"tw-po-text-3xl tw-po-font-bold tw-po-text-po-green\">+90%\u003c/span>\n \u003c/div>\n \u003cp class=\"tw-po-text-sm tw-po-text-gray-600\">Keep almost everything. Your car, your profit.\u003c/p>\n \u003c/div>\n \n \u003c!-- Example Calculation -->\n \u003cdiv class=\"tw-po-bg-gray-50 tw-po-p-6 tw-po-rounded-lg\">\n \u003cp class=\"tw-po-text-sm tw-po-font-semibold tw-po-text-gray-900 tw-po-mb-3\">Example: $1,000 Rental\u003c/p>\n \u003cdiv class=\"tw-po-space-y-2\">\n \u003cdiv class=\"tw-po-flex tw-po-justify-between tw-po-text-sm\">\n \u003cspan class=\"tw-po-text-gray-600\">Turo (65% after fees)\u003c/span>\n \u003cspan class=\"tw-po-font-semibold\">$650\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-po-flex tw-po-justify-between tw-po-text-sm\">\n \u003cspan class=\"tw-po-text-gray-600\">Pocket OS (90%)\u003c/span>\n \u003cspan class=\"tw-po-font-semibold tw-po-text-po-green\">$900\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-po-border-t tw-po-border-gray-300 tw-po-pt-2 tw-po-flex tw-po-justify-between tw-po-font-bold\">\n \u003cspan>You Keep Extra:\u003c/span>\n \u003cspan class=\"tw-po-text-po-green\">+$250\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/header>\n \n \u003c!-- Customer Showcase Section -->\n \u003csection id=\"pocketOsAdCustomerShowcase\" class=\"tw-po-mt-12 tw-po-px-4 tw-po-sm:px-6 tw-po-md:px-8 tw-po-pb-12\">\n \u003cdiv class=\"tw-po-max-w-7xl tw-po-mx-auto\">\n \u003c!-- Customer Header - Right Aligned -->\n \u003cdiv class=\"tw-po-flex tw-po-justify-end tw-po-mb-4 fade-in-up\">\n \u003cdiv class=\"tw-po-text-right\">\n \u003c!-- Powered by Pocket Pill -->\n \u003cdiv class=\"tw-po-inline-flex tw-po-items-center tw-po-px-3 tw-po-py-1 tw-po-bg-gray-100 tw-po-text-gray-600 tw-po-rounded-full tw-po-text-sm tw-po-mb-2\">\n Powered by Pocket OS\n \u003c/div>\n \u003c!-- Customer Info -->\n \u003cdiv class=\"tw-po-flex tw-po-items-center tw-po-justify-end tw-po-space-x-3\">\n \u003cimg id=\"customerFavicon\" class=\"tw-po-favicon\" src=\"\" alt=\"Customer Favicon\" />\n \u003ch3 id=\"customerName\" class=\"tw-po-text-xl tw-po-font-bold tw-po-text-gray-900\">\u003c/h3>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \n \u003c!-- Customer Website iFrame -->\n \u003cdiv class=\"fade-in-up tw-po-customer-iframe-container\">\n \u003ciframe \n id=\"customerIframe\"\n src=\"\" \n class=\"tw-po-customer-iframe\"\n title=\"Customer Website\"\n loading=\"lazy\"\n scrolling=\"no\">\n \u003c/iframe>\n \u003cdiv class=\"tw-po-iframe-overlay\">\u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n \n \u003c!-- Stats Section -->\n \u003csection class=\"tw-po-py-16 tw-po-px-4 tw-po-bg-gray-50\">\n \u003cdiv class=\"tw-po-max-w-6xl tw-po-mx-auto\">\n \u003cdiv class=\"tw-po-grid tw-po-grid-cols-2 tw-po-md:grid-cols-3 tw-po-gap-8 tw-po-text-center\">\n \u003cdiv class=\"fade-in-up\">\n \u003cdiv class=\"tw-po-text-4xl tw-po-font-bold tw-po-text-po-green tw-po-mb-2\">2x\u003c/div>\n \u003cdiv class=\"tw-po-text-gray-600\">Average Earnings Increase\u003c/div>\n \u003c/div>\n \u003cdiv class=\"fade-in-up\">\n \u003cdiv class=\"tw-po-text-4xl tw-po-font-bold tw-po-text-po-green tw-po-mb-2\">$796k+\u003c/div>\n \u003cdiv class=\"tw-po-text-gray-600\">Host Savings vs Turo\u003c/div>\n \u003c/div>\n \u003cdiv class=\"fade-in-up\">\n \u003cdiv class=\"tw-po-text-4xl tw-po-font-bold tw-po-text-po-green tw-po-mb-2\">1,650+\u003c/div>\n \u003cdiv class=\"tw-po-text-gray-600\">Fleet Operators\u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n \n \u003c!-- Sign Up Form Section -->\n \u003csection id=\"get-started\" class=\"tw-po-py-20 tw-po-px-4\">\n \u003cdiv class=\"tw-po-max-w-4xl tw-po-mx-auto\">\n \u003cdiv class=\"tw-po-text-center tw-po-mb-12 fade-in-up\">\n \u003ch2 class=\"tw-po-text-4xl tw-po-md:text-5xl tw-po-font-bold tw-po-mb-4 tw-po-text-gray-900\">\n Ready to Keep 90% of Your Earnings?\n \u003c/h2>\n \u003cp class=\"tw-po-text-xl tw-po-text-gray-600\">\n Start your 3-day free trial. Setup takes 15 minutes.\n \u003c/p>\n \u003c/div>\n \n \u003cdiv class=\"tw-po-grid tw-po-md:grid-cols-2 tw-po-gap-8\">\n \u003c!-- Left - What You Get -->\n \u003cdiv class=\"tw-po-card fade-in-up\">\n \u003ch3 class=\"tw-po-text-2xl tw-po-font-bold tw-po-mb-6 tw-po-text-gray-900\">What You Get\u003c/h3>\n \u003cdiv class=\"tw-po-space-y-4\">\n \u003cdiv class=\"tw-po-flex tw-po-items-start\">\n \u003csvg class=\"tw-po-w-6 tw-po-h-6 tw-po-text-po-green tw-po-mr-3 tw-po-mt-1\" 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 \u003cdiv>\n \u003ch4 class=\"tw-po-font-semibold tw-po-text-gray-900\">Instant Payouts\u003c/h4>\n \u003cp class=\"tw-po-text-sm tw-po-text-gray-600\">Mercury Bank handles all payments\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-po-flex tw-po-items-start\">\n \u003csvg class=\"tw-po-w-6 tw-po-h-6 tw-po-text-po-green tw-po-mr-3 tw-po-mt-1\" 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 \u003cdiv>\n \u003ch4 class=\"tw-po-font-semibold tw-po-text-gray-900\">Insurance Verification\u003c/h4>\n \u003cp class=\"tw-po-text-sm tw-po-text-gray-600\">Real-time policy checks through Axle®\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-po-flex tw-po-items-start\">\n \u003csvg class=\"tw-po-w-6 tw-po-h-6 tw-po-text-po-green tw-po-mr-3 tw-po-mt-1\" 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 \u003cdiv>\n \u003ch4 class=\"tw-po-font-semibold tw-po-text-gray-900\">Fleet Management\u003c/h4>\n \u003cp class=\"tw-po-text-sm tw-po-text-gray-600\">Multi-vehicle tracking & availability\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-po-flex tw-po-items-start\">\n \u003csvg class=\"tw-po-w-6 tw-po-h-6 tw-po-text-po-green tw-po-mr-3 tw-po-mt-1\" 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 \u003cdiv>\n \u003ch4 class=\"tw-po-font-semibold tw-po-text-gray-900\">Your Own Booking Site\u003c/h4>\n \u003cp class=\"tw-po-text-sm tw-po-text-gray-600\">Professional white-label website\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003cdiv class=\"tw-po-flex tw-po-items-start\">\n \u003csvg class=\"tw-po-w-6 tw-po-h-6 tw-po-text-po-green tw-po-mr-3 tw-po-mt-1\" 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 \u003cdiv>\n \u003ch4 class=\"tw-po-font-semibold tw-po-text-gray-900\">24/7 Support\u003c/h4>\n \u003cp class=\"tw-po-text-sm tw-po-text-gray-600\">We're here when you need us\u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \n \u003c!-- Right - Contact Form -->\n \u003cdiv class=\"tw-po-card tw-po-bg-gray-50 fade-in-up\">\n \u003ch3 class=\"tw-po-text-2xl tw-po-font-bold tw-po-mb-6 tw-po-text-gray-900\">Start Your Free Trial\u003c/h3>\n \u003cform id=\"contact-form\" class=\"tw-po-space-y-4\">\n \u003cdiv>\n \u003clabel class=\"tw-po-form-label\">Full Name\u003c/label>\n \u003cinput type=\"text\" id=\"full-name\" class=\"tw-po-form-input\" required placeholder=\"John Smith\">\n \u003c/div>\n \u003cdiv>\n \u003clabel class=\"tw-po-form-label\">Email\u003c/label>\n \u003cinput type=\"email\" id=\"email\" class=\"tw-po-form-input\" required placeholder=\"john@example.com\">\n \u003c/div>\n \u003cdiv>\n \u003clabel class=\"tw-po-form-label\">Phone\u003c/label>\n \u003cinput type=\"tel\" id=\"phone\" class=\"tw-po-form-input\" required placeholder=\"(555) 123-4567\">\n \u003c/div>\n \u003cdiv>\n \u003clabel class=\"tw-po-form-label\">Number of Vehicles\u003c/label>\n \u003cselect id=\"num-vehicles\" class=\"tw-po-form-input\" required>\n \u003coption value=\"\">Select...\u003c/option>\n \u003coption value=\"1\">1 vehicle\u003c/option>\n \u003coption value=\"2-3\">2-3 vehicles\u003c/option>\n \u003coption value=\"4-10\">4-10 vehicles\u003c/option>\n \u003coption value=\"10+\">10+ vehicles\u003c/option>\n \u003c/select>\n \u003c/div>\n \u003cbutton type=\"submit\" class=\"tw-po-btn tw-po-btn-primary tw-po-w-full\">\n Continue to Payment\n \u003c/button>\n \u003c/form>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n \n \u003c!-- Payment Section (Initially Hidden) -->\n \u003csection id=\"payment-section\" class=\"tw-po-py-20 tw-po-px-4 tw-po-bg-gray-50\" style=\"display: none;\">\n \u003cdiv class=\"tw-po-max-w-3xl tw-po-mx-auto\">\n \u003cdiv class=\"tw-po-card fade-in-up\">\n \u003cdiv class=\"tw-po-text-center tw-po-mb-8\">\n \u003ch2 class=\"tw-po-text-3xl tw-po-font-bold tw-po-mb-4 tw-po-text-gray-900\">\n Complete Your 3-Day Free Trial\n \u003c/h2>\n \u003cp class=\"tw-po-text-gray-600\">\n Enter your payment details below. You won't be charged during your 3-day trial.\n \u003cbr>\n After the trial, it's just \u003cspan class=\"tw-po-font-bold\">$97/month\u003c/span> to keep 90% of your earnings.\n \u003c/p>\n \u003c/div>\n \n \u003c!-- Order Summary -->\n \u003cdiv class=\"tw-po-bg-green-50 tw-po-p-6 tw-po-rounded-lg tw-po-mb-8\">\n \u003ch3 class=\"tw-po-font-semibold tw-po-text-gray-900 tw-po-mb-4\">Your Order\u003c/h3>\n \u003cdiv class=\"tw-po-space-y-2\">\n \u003cdiv class=\"tw-po-flex tw-po-justify-between\">\n \u003cspan>Pocket OS Subscription\u003c/span>\n \u003cspan class=\"tw-po-font-semibold\">$97/month\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-po-flex tw-po-justify-between tw-po-text-po-green tw-po-font-bold\">\n \u003cspan>3-Day Free Trial\u003c/span>\n \u003cspan>-$97\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-po-border-t tw-po-border-gray-300 tw-po-pt-2 tw-po-flex tw-po-justify-between tw-po-font-bold tw-po-text-lg\">\n \u003cspan>Due Today:\u003c/span>\n \u003cspan class=\"tw-po-text-po-green\">$0\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \n \u003c!-- Payment Form -->\n \u003cform id=\"payment-form\" class=\"tw-po-space-y-6\">\n \u003c!-- User Info Summary -->\n \u003cdiv class=\"tw-po-bg-gray-50 tw-po-p-4 tw-po-rounded-lg\">\n \u003cp class=\"tw-po-text-sm tw-po-text-gray-600\">\n \u003cstrong id=\"summary-name\">\u003c/strong>\u003cbr>\n \u003cspan id=\"summary-email\">\u003c/span>\u003cbr>\n \u003cspan id=\"summary-phone\">\u003c/span>\n \u003c/p>\n \u003c/div>\n \n \u003c!-- Card Element -->\n \u003cdiv>\n \u003clabel class=\"tw-po-form-label\">Card Information\u003c/label>\n \u003cdiv id=\"card-element\">\u003c/div>\n \u003cdiv id=\"card-errors\" role=\"alert\">\u003c/div>\n \u003c/div>\n \n \u003c!-- Terms -->\n \u003cdiv>\n \u003clabel class=\"tw-po-flex tw-po-items-start tw-po-cursor-pointer\">\n \u003cinput type=\"checkbox\" id=\"terms\" required class=\"tw-po-mt-1 tw-po-mr-2\">\n \u003cspan class=\"tw-po-text-sm tw-po-text-gray-600\">\n I agree to the 3-day free trial. I understand I can cancel anytime during the trial and won't be charged. After the trial, I'll be charged $97/month unless I cancel.\n \u003c/span>\n \u003c/label>\n \u003c/div>\n \n \u003cbutton type=\"submit\" id=\"submit-payment\" class=\"tw-po-btn tw-po-btn-primary tw-po-w-full tw-po-text-lg\">\n Start My Free Trial\n \u003c/button>\n \n \u003cp class=\"tw-po-text-center tw-po-text-xs tw-po-text-gray-500\">\n 🔒 Secured by Stripe. Your payment information is encrypted and secure.\n \u003c/p>\n \u003c/form>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n \n \u003c!-- Final CTA -->\n \u003csection class=\"tw-po-py-16 tw-po-px-4 tw-po-bg-gray-900\">\n \u003cdiv class=\"tw-po-max-w-4xl tw-po-mx-auto tw-po-text-center\">\n \u003ch2 class=\"tw-po-text-3xl tw-po-md:text-4xl tw-po-font-bold tw-po-text-white tw-po-mb-4\">\n Stop Working for Turo. Start Working for Yourself.\n \u003c/h2>\n \u003cp class=\"tw-po-text-xl tw-po-text-gray-300 tw-po-mb-8\">\n Join 1,650+ fleet operators who've already made the switch\n \u003c/p>\n \u003ca href=\"#get-started\" class=\"tw-po-btn tw-po-btn-primary tw-po-text-lg tw-po-px-8 tw-po-py-4\">\n Get Started - 3 Day Free Trial\n \u003c/a>\n \u003c/div>\n \u003c/section>\n \n \u003c/div>\n \n \u003c!-- JavaScript -->\n \u003cscript>\n var customerWebsites = [];\n\n function hidePocketOsAdCustomerShowcase() {\n var sec = document.getElementById('pocketOsAdCustomerShowcase');\n if (sec) sec.style.display = 'none';\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 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 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 startCustomerShowcasePocketOsAd() {\n if (typeof Meteor !== 'undefined' && Meteor.call) {\n Meteor.call('cms.public.showcase_customer_sites', { rental_only: false }, function(err, sites) {\n if (err || !sites || !sites.length) {\n hidePocketOsAdCustomerShowcase();\n return;\n }\n customerWebsites = sites;\n displayRandomCustomer();\n });\n } else {\n hidePocketOsAdCustomerShowcase();\n }\n }\n \n// Fade in animation on scroll\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 document.querySelectorAll('.fade-in-up').forEach(el => {\n observer.observe(el);\n });\n \n // Load customer on page load\n document.addEventListener('DOMContentLoaded', function() {\n startCustomerShowcasePocketOsAd();\n \n // Make first element visible immediately\n document.querySelectorAll('.fade-in-up')[0]?.classList.add('visible');\n });\n \n // Contact form handler\n const contactForm = document.getElementById('contact-form');\n const paymentSection = document.getElementById('payment-section');\n \n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n // Store form data\n const formData = {\n name: document.getElementById('full-name').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value,\n numVehicles: document.getElementById('num-vehicles').value\n };\n \n // Update summary in payment section\n document.getElementById('summary-name').textContent = formData.name;\n document.getElementById('summary-email').textContent = formData.email;\n document.getElementById('summary-phone').textContent = formData.phone;\n \n // Show payment section and scroll to it\n paymentSection.style.display = 'block';\n paymentSection.scrollIntoView({ behavior: 'smooth' });\n });\n \n // Stripe payment integration\n // NOTE: Replace 'YOUR_PUBLISHABLE_KEY' with your actual Stripe publishable key\n const stripe = Stripe('YOUR_PUBLISHABLE_KEY');\n const elements = stripe.elements();\n \n const cardElement = elements.create('card', {\n style: {\n base: {\n fontSize: '16px',\n color: '#111827',\n '::placeholder': {\n color: '#9ca3af',\n },\n },\n },\n });\n \n cardElement.mount('#card-element');\n \n // Handle card errors\n cardElement.on('change', function(event) {\n const displayError = document.getElementById('card-errors');\n if (event.error) {\n displayError.textContent = event.error.message;\n } else {\n displayError.textContent = '';\n }\n });\n \n // Handle payment form submission\n const paymentForm = document.getElementById('payment-form');\n paymentForm.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n const submitButton = document.getElementById('submit-payment');\n submitButton.disabled = true;\n submitButton.textContent = 'Processing...';\n \n // Create payment method\n const {paymentMethod, error} = await stripe.createPaymentMethod({\n type: 'card',\n card: cardElement,\n billing_details: {\n name: document.getElementById('full-name').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value,\n },\n });\n \n if (error) {\n // Show error\n document.getElementById('card-errors').textContent = error.message;\n submitButton.disabled = false;\n submitButton.textContent = 'Start My Free Trial';\n } else {\n // Send paymentMethod.id to your server\n console.log('Payment method created:', paymentMethod.id);\n \n // TODO: Send to your server to create subscription\n // For now, just show success message\n alert('Success! Your free trial has started. Check your email for next steps.');\n \n // Reset button\n submitButton.disabled = false;\n submitButton.textContent = 'Start My Free Trial';\n }\n });\n \u003c/script>","head_inject":"\u003cstyle>\n /* EMBEDDED TAILWIND CSS - Prefixed with tw-po- for complete isolation */\n .tw-po-landing *, .tw-po-landing ::before, .tw-po-landing ::after { box-sizing: border-box; margin: 0; padding: 0; }\n \n /* Display */\n .tw-po-block { display: block; }\n .tw-po-inline-block { display: inline-block; }\n .tw-po-inline { display: inline; }\n .tw-po-flex { display: flex; }\n .tw-po-inline-flex { display: inline-flex; }\n .tw-po-grid { display: grid; }\n .tw-po-hidden { display: none; }\n \n /* Flexbox */\n .tw-po-flex-row { flex-direction: row; }\n .tw-po-flex-col { flex-direction: column; }\n .tw-po-flex-wrap { flex-wrap: wrap; }\n .tw-po-flex-1 { flex: 1 1 0%; }\n .tw-po-items-start { align-items: flex-start; }\n .tw-po-items-center { align-items: center; }\n .tw-po-items-end { align-items: flex-end; }\n .tw-po-justify-start { justify-content: flex-start; }\n .tw-po-justify-center { justify-content: center; }\n .tw-po-justify-end { justify-content: flex-end; }\n .tw-po-justify-between { justify-content: space-between; }\n \n /* Grid */\n .tw-po-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }\n .tw-po-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .tw-po-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n \n /* Gaps */\n .tw-po-gap-2 { gap: 0.5rem; }\n .tw-po-gap-3 { gap: 0.75rem; }\n .tw-po-gap-4 { gap: 1rem; }\n .tw-po-gap-6 { gap: 1.5rem; }\n .tw-po-gap-8 { gap: 2rem; }\n .tw-po-gap-12 { gap: 3rem; }\n \n /* Spacing */\n .tw-po-space-x-2 > * + * { margin-left: 0.5rem; }\n .tw-po-space-x-3 > * + * { margin-left: 0.75rem; }\n .tw-po-space-x-4 > * + * { margin-left: 1rem; }\n .tw-po-space-y-2 > * + * { margin-top: 0.5rem; }\n .tw-po-space-y-3 > * + * { margin-top: 0.75rem; }\n .tw-po-space-y-4 > * + * { margin-top: 1rem; }\n .tw-po-space-y-6 > * + * { margin-top: 1.5rem; }\n .tw-po-space-y-8 > * + * { margin-top: 2rem; }\n \n /* Padding */\n .tw-po-p-0 { padding: 0; }\n .tw-po-p-2 { padding: 0.5rem; }\n .tw-po-p-3 { padding: 0.75rem; }\n .tw-po-p-4 { padding: 1rem; }\n .tw-po-p-6 { padding: 1.5rem; }\n .tw-po-p-8 { padding: 2rem; }\n .tw-po-p-12 { padding: 3rem; }\n .tw-po-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n .tw-po-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n .tw-po-px-4 { padding-left: 1rem; padding-right: 1rem; }\n .tw-po-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n .tw-po-px-8 { padding-left: 2rem; padding-right: 2rem; }\n .tw-po-px-12 { padding-left: 3rem; padding-right: 3rem; }\n .tw-po-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\n .tw-po-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n .tw-po-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n .tw-po-py-4 { padding-top: 1rem; padding-bottom: 1rem; }\n .tw-po-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }\n .tw-po-py-8 { padding-top: 2rem; padding-bottom: 2rem; }\n .tw-po-py-12 { padding-top: 3rem; padding-bottom: 3rem; }\n .tw-po-py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n .tw-po-py-20 { padding-top: 5rem; padding-bottom: 5rem; }\n .tw-po-py-24 { padding-top: 6rem; padding-bottom: 6rem; }\n .tw-po-pt-4 { padding-top: 1rem; }\n .tw-po-pt-8 { padding-top: 2rem; }\n .tw-po-pb-6 { padding-bottom: 1.5rem; }\n .tw-po-pb-12 { padding-bottom: 3rem; }\n \n /* Margin */\n .tw-po-m-auto { margin: auto; }\n .tw-po-mx-auto { margin-left: auto; margin-right: auto; }\n .tw-po-mt-2 { margin-top: 0.5rem; }\n .tw-po-mt-3 { margin-top: 0.75rem; }\n .tw-po-mt-4 { margin-top: 1rem; }\n .tw-po-mt-6 { margin-top: 1.5rem; }\n .tw-po-mt-8 { margin-top: 2rem; }\n .tw-po-mt-12 { margin-top: 3rem; }\n .tw-po-mt-16 { margin-top: 4rem; }\n .tw-po-mb-1 { margin-bottom: 0.25rem; }\n .tw-po-mb-2 { margin-bottom: 0.5rem; }\n .tw-po-mb-3 { margin-bottom: 0.75rem; }\n .tw-po-mb-4 { margin-bottom: 1rem; }\n .tw-po-mb-6 { margin-bottom: 1.5rem; }\n .tw-po-mb-8 { margin-bottom: 2rem; }\n .tw-po-mb-12 { margin-bottom: 3rem; }\n .tw-po-mb-16 { margin-bottom: 4rem; }\n .tw-po-ml-2 { margin-left: 0.5rem; }\n .tw-po-ml-3 { margin-left: 0.75rem; }\n .tw-po-mr-2 { margin-right: 0.5rem; }\n .tw-po-mr-3 { margin-right: 0.75rem; }\n \n /* Width & Height */\n .tw-po-w-full { width: 100%; }\n .tw-po-w-4 { width: 1rem; }\n .tw-po-w-5 { width: 1.25rem; }\n .tw-po-w-6 { width: 1.5rem; }\n .tw-po-w-8 { width: 2rem; }\n .tw-po-w-12 { width: 3rem; }\n .tw-po-h-4 { height: 1rem; }\n .tw-po-h-5 { height: 1.25rem; }\n .tw-po-h-6 { height: 1.5rem; }\n .tw-po-h-8 { height: 2rem; }\n .tw-po-h-12 { height: 3rem; }\n .tw-po-h-auto { height: auto; }\n .tw-po-max-w-2xl { max-width: 42rem; }\n .tw-po-max-w-3xl { max-width: 48rem; }\n .tw-po-max-w-4xl { max-width: 56rem; }\n .tw-po-max-w-5xl { max-width: 64rem; }\n .tw-po-max-w-6xl { max-width: 72rem; }\n .tw-po-max-w-7xl { max-width: 80rem; }\n .tw-po-min-h-400 { min-height: 400px; }\n .tw-po-min-h-500 { min-height: 500px; }\n \n /* Typography */\n .tw-po-text-xs { font-size: 0.75rem; line-height: 1rem; }\n .tw-po-text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n .tw-po-text-base { font-size: 1rem; line-height: 1.5rem; }\n .tw-po-text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n .tw-po-text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n .tw-po-text-2xl { font-size: 1.5rem; line-height: 2rem; }\n .tw-po-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n .tw-po-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n .tw-po-text-5xl { font-size: 3rem; line-height: 1.1; }\n .tw-po-text-6xl { font-size: 3.75rem; line-height: 1; }\n \n .tw-po-font-light { font-weight: 300; }\n .tw-po-font-normal { font-weight: 400; }\n .tw-po-font-medium { font-weight: 500; }\n .tw-po-font-semibold { font-weight: 600; }\n .tw-po-font-bold { font-weight: 700; }\n .tw-po-font-extrabold { font-weight: 800; }\n \n .tw-po-text-left { text-align: left; }\n .tw-po-text-center { text-align: center; }\n .tw-po-text-right { text-align: right; }\n \n .tw-po-leading-tight { line-height: 1.25; }\n .tw-po-leading-relaxed { line-height: 1.625; }\n .tw-po-leading-normal { line-height: 1.5; }\n \n /* Colors */\n .tw-po-text-white { color: #fff; }\n .tw-po-text-black { color: #000; }\n .tw-po-text-gray-50 { color: #f9fafb; }\n .tw-po-text-gray-400 { color: #9ca3af; }\n .tw-po-text-gray-500 { color: #6b7280; }\n .tw-po-text-gray-600 { color: #4b5563; }\n .tw-po-text-gray-700 { color: #374151; }\n .tw-po-text-gray-800 { color: #1f2937; }\n .tw-po-text-gray-900 { color: #111827; }\n .tw-po-text-green-600 { color: #16a34a; }\n .tw-po-text-red-600 { color: #dc2626; }\n \n /* Backgrounds */\n .tw-po-bg-white { background-color: #fff; }\n .tw-po-bg-black { background-color: #000; }\n .tw-po-bg-gray-50 { background-color: #f9fafb; }\n .tw-po-bg-gray-100 { background-color: #f3f4f6; }\n .tw-po-bg-gray-200 { background-color: #e5e7eb; }\n .tw-po-bg-gray-900 { background-color: #111827; }\n .tw-po-bg-green-50 { background-color: #f0fdf4; }\n .tw-po-bg-green-600 { background-color: #16a34a; }\n .tw-po-bg-red-50 { background-color: #fef2f2; }\n \n /* Borders */\n .tw-po-border { border-width: 1px; }\n .tw-po-border-2 { border-width: 2px; }\n .tw-po-border-l-4 { border-left-width: 4px; }\n .tw-po-border-gray-200 { border-color: #e5e7eb; }\n .tw-po-border-gray-300 { border-color: #d1d5db; }\n .tw-po-border-green-600 { border-color: #16a34a; }\n .tw-po-border-red-600 { border-color: #dc2626; }\n \n .tw-po-rounded { border-radius: 0.25rem; }\n .tw-po-rounded-lg { border-radius: 0.5rem; }\n .tw-po-rounded-xl { border-radius: 0.75rem; }\n .tw-po-rounded-2xl { border-radius: 1rem; }\n .tw-po-rounded-full { border-radius: 9999px; }\n \n /* Shadow */\n .tw-po-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-po-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-po-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-po-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 /* Position */\n .tw-po-relative { position: relative; }\n .tw-po-absolute { position: absolute; }\n .tw-po-inset-0 { top: 0; right: 0; bottom: 0; left: 0; }\n .tw-po-top-0 { top: 0; }\n .tw-po-z-10 { z-index: 10; }\n \n /* Overflow */\n .tw-po-overflow-hidden { overflow: hidden; }\n \n /* Cursor */\n .tw-po-cursor-pointer { cursor: pointer; }\n \n /* Transitions */\n .tw-po-transition { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-po-transition-colors { transition-property: color, background-color, border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n \n /* Responsive */\n @media (min-width: 640px) {\n .tw-po-sm\\:flex-row { flex-direction: row; }\n .tw-po-sm\\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n }\n \n @media (min-width: 768px) {\n .tw-po-md\\:flex-row { flex-direction: row; }\n .tw-po-md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .tw-po-md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n .tw-po-md\\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n .tw-po-md\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n .tw-po-md\\:text-5xl { font-size: 3rem; line-height: 1.1; }\n .tw-po-md\\:text-6xl { font-size: 3.75rem; line-height: 1; }\n .tw-po-md\\:px-8 { padding-left: 2rem; padding-right: 2rem; }\n }\n \n @media (min-width: 1024px) {\n .tw-po-lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n }\n \n /* Hover States */\n .tw-po-hover\\:bg-gray-50:hover { background-color: #f9fafb; }\n .tw-po-hover\\:bg-green-700:hover { background-color: #15803d; }\n \n /* 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 styling */\n .tw-po-font-sequel {\n font-family: 'Sequel Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n }\n \n /* Custom colors */\n :root {\n --po-green: #16a34a;\n --po-green-dark: #15803d;\n --po-red: #dc2626;\n --po-gray-900: #111827;\n }\n \n .tw-po-bg-po-green { background-color: var(--po-green); }\n .tw-po-text-po-green { color: var(--po-green); }\n .tw-po-border-po-green { border-color: var(--po-green); }\n .tw-po-bg-po-red { background-color: var(--po-red); }\n .tw-po-text-po-red { color: var(--po-red); }\n \n /* Button styles */\n .tw-po-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-block;\n text-decoration: none;\n text-align: center;\n }\n \n .tw-po-btn:hover {\n transform: translateY(-1px);\n }\n \n .tw-po-btn-primary {\n background-color: var(--po-green);\n color: white;\n }\n \n .tw-po-btn-primary:hover {\n background-color: var(--po-green-dark);\n }\n \n /* Card styles */\n .tw-po-card {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 1rem;\n padding: 2rem;\n transition: all 0.3s ease;\n }\n \n .tw-po-card:hover {\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n }\n \n /* Customer iframe container */\n .tw-po-customer-iframe-container {\n position: relative;\n width: 100%;\n height: 500px;\n border-radius: 1rem;\n overflow: hidden;\n border: 1px solid #e5e7eb;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n }\n \n .tw-po-customer-iframe {\n width: 100%;\n height: 100%;\n border: none;\n pointer-events: none;\n }\n \n .tw-po-iframe-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to bottom, \n rgba(0, 0, 0, 0) 0%, \n rgba(0, 0, 0, 0) 60%, \n rgba(0, 0, 0, 0.4) 100%);\n pointer-events: all;\n }\n \n .tw-po-favicon {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n border: 2px solid #e5e7eb;\n }\n \n /* Form styles */\n .tw-po-form-input {\n width: 100%;\n padding: 0.75rem 1rem;\n border: 1px solid #d1d5db;\n border-radius: 0.5rem;\n font-size: 1rem;\n transition: all 0.2s ease;\n }\n \n .tw-po-form-input:focus {\n outline: none;\n border-color: var(--po-green);\n box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1);\n }\n \n .tw-po-form-label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n color: var(--po-gray-900);\n }\n \n /* Stripe element styling */\n #card-element {\n padding: 0.75rem 1rem;\n border: 1px solid #d1d5db;\n border-radius: 0.5rem;\n background: white;\n }\n \n #card-errors {\n color: var(--po-red);\n font-size: 0.875rem;\n margin-top: 0.5rem;\n }\n \n /* Animation */\n .fade-in-up {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n \n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \u003c/style>\n\u003cscript src=\"https://js.stripe.com/v3/\">\u003c/script>","meta_title":"Get Started with PocketOS","meta_description":"Start managing your automotive business with PocketOS today.","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.414Z","date_updated":"2026-05-06T23:16:52.084Z"}}}}