Products
RentalOS
Fleet & rental management
ClubOS
Membership & club management
AuctionOS
Online vehicle auctions
Pocket Drives
Vehicle rental marketplace
Custom Websites
Branded online presence
Miles AI
AI copilot for your business
Navigate
Chat With Us
Pocket ClubOS
Grow your automotive club or membership service with a complete subscription & amenity operating system.
Automate member experiences
Unlock deeper community engagement
Why Pocket ClubOS?
Pocket ClubOS is built for modern operators — car clubs, concierge services, collector communities, and beyond. Whether you're launching your first package or scaling to hundreds of members, Pocket gives you everything you need.
How It Works
Run Your Club or Membership Business, Beginning to End
Online Registration
Pocket makes it simple for new members to join from anywhere. With a fully branded, mobile-optimized sign-up flow, your customers can complete registration in minutes — including selecting their plan, signing agreements digitally, and entering payment information.
Recurring Billing (CC & ACH)
Managing payments is effortless with Pocket's automated recurring billing engine. Accept both credit cards and ACH transfers with ease. Control billing cadence, charge dates, and pricing structure — including options for initiation fees or special offers.
Event Management
Creating member-only events is seamless with Pocket. Launch gatherings like networking nights, guest speaker events, or social mixers directly from the admin dashboard, and decide whether they're exclusive to certain membership tiers.
Room & Service Management
Clubs can offer on-demand access to amenities like barber suites, podcast studios, cigar lounges, or vehicle detailing — all managed through one streamlined calendar interface. Members can reserve rooms based on availability and credit balance.
Club & Rental Credit System
Pocket's dual credit system lets you deliver flexible value. Club Credits for room bookings, services, or events. Rental Credits for fleets or time-based offerings. Assign dollar values, configure monthly allowances, and choose if credits roll over.
White-Label Experience
Your brand stays front and center with Pocket's fully white-labeled experience. From member sign-up to the fully branded mobile app, every touchpoint reflects your logo, color palette, and voice — creating a seamless branded journey.
Digital Agreements
Collect legally binding digital signatures during registration. Create custom agreement templates for membership terms, liability waivers, and club rules. Members sign on any device, and documents are stored securely with full audit trails.
UniFi Access Integration
Connect your club to UniFi Access hardware for automated door control. Members can unlock doors directly from the mobile app — no key cards needed. Configure multiple doors and manage access permissions by membership tier.
Multiple Membership Plans
Offer tiered membership plans with different benefits. Basic, Premium, VIP — each with unique pricing, credit allocations, event access, and amenity permissions. Let members upgrade or switch plans seamlessly through the app.
Club Updates & News Feed
Keep members engaged with a built-in news feed. Share club updates, announcements, and highlights directly in the app. Push notifications ensure important messages reach members instantly.
Live in the App Store
Custom Club Apps We've Built
See real apps we've deployed for automotive clubs — available now on the App Store.
Club Scottsdale
Utah Car Club
5 Star Exotics
Join Today
Experience the industry's best club operating system.
Full Club Operating System. Zero Ops Headaches.
Built for Club Business Owners, Not Hobbyists
Instant access. Cancel anytime.
{"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/club-os":{"_id":"ch7jfemRvrsnbfKL4","title":"ClubOS","slug":"club-os","folder":"product","page_type":"product","content_html":"\u003c!-- Wrapped in tw-pocket-landing for complete CSS isolation -->\n \u003cdiv class=\"tw-pocket-landing tw-pocket-font-sequel tw-pocket-bg-white\">\n \n \u003c!-- Hero Section -->\n \u003cheader class=\"tw-pocket-py-16 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-hero-gradient\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-grid tw-pocket-lg:grid-cols-2 tw-pocket-gap-12 tw-pocket-items-end\">\n \u003c!-- Left Side - Content -->\n \u003cdiv class=\"fade-in-up tw-pocket-flex tw-pocket-flex-col\">\n \u003c!-- Main Heading -->\n \u003ch1 class=\"tw-pocket-text-3xl tw-pocket-md:text-5xl tw-pocket-font-medium tw-pocket-text-neutral-900 tw-pocket-mb-6\" style=\"line-height: 1;\">\n Pocket ClubOS\n \u003c/h1>\n \n \u003c!-- Subheading -->\n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-600 tw-pocket-mb-6 tw-pocket-leading-relaxed\">\n Grow your automotive club or membership service with a complete subscription & amenity operating system.\n \u003c/p>\n \n \u003c!-- Checkmark Callouts -->\n \u003cdiv class=\"tw-pocket-space-y-2 tw-pocket-mb-8\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-2\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-gray-400 tw-pocket-flex-shrink-0 tw-pocket-mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-neutral-600\">Manage recurring revenue\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-2\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-gray-400 tw-pocket-flex-shrink-0 tw-pocket-mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-neutral-600\">Automate member experiences\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-2\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-text-gray-400 tw-pocket-flex-shrink-0 tw-pocket-mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\">\u003c/path>\n \u003c/svg>\n \u003cspan class=\"tw-pocket-text-base tw-pocket-text-neutral-600\">Unlock deeper community engagement\u003c/span>\n \u003c/div>\n \u003c/div>\n \n \u003c!-- CTA Buttons -->\n \u003cdiv class=\"tw-pocket-flex tw-pocket-flex-col tw-pocket-sm:flex-row tw-pocket-gap-3 tw-pocket-mb-6\">\n \u003ca href=\"#join-today\" class=\"tw-pocket-btn tw-pocket-btn-primary tw-pocket-px-6 tw-pocket-py-3\">\n Join Today\n \u003c/a>\n \u003cbutton class=\"tw-pocket-btn tw-pocket-btn-outline tw-pocket-px-6 tw-pocket-py-3 open_intercom\">\n Chat with Us\n \u003c/button>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Right Side - ClubOS Background Image -->\n \u003cdiv class=\"tw-pocket-relative fade-in-up tw-pocket-h-full\">\n \u003cdiv \n class=\"tw-pocket-w-full tw-pocket-h-full tw-pocket-bg-cover tw-pocket-bg-center tw-pocket-bg-no-repeat tw-pocket-rounded-2xl tw-pocket-min-h-681\"\n style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/2ec3gZGIndfk7fZbB8bhfh/def1493c980fa0964a8e42d20976edfc/image1.png');\">\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/header>\n\n \u003c!-- \"Why Pocket ClubOS?\" Section -->\n \u003csection class=\"tw-pocket-mt-12 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-py-12\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-text-center tw-pocket-mb-8 fade-in-up\">\n \u003ch2 class=\"tw-pocket-text-3xl tw-pocket-md:text-5xl tw-pocket-font-bold tw-pocket-text-neutral-900 tw-pocket-mb-6\">\n Why Pocket ClubOS?\n \u003c/h2>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-600 tw-pocket-max-w-5xl tw-pocket-mx-auto tw-pocket-leading-relaxed\">\n Pocket ClubOS is built for modern operators — car clubs, concierge services, collector communities, and beyond. Whether you're launching your first package or scaling to hundreds of members, Pocket gives you everything you need.\n \u003c/p>\n \u003c/div>\n\n \u003c!-- Screenshot -->\n \u003cdiv class=\"fade-in-up tw-pocket-mt-12\">\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/54seKZ2GyhqE9p0WZzfvIz/f430321c360560143b0341aa7e07da29/Screenshot_2025-06-29_at_6.27.23â__PM.png\" \n alt=\"ClubOS Dashboard\" \n class=\"tw-pocket-screenshot tw-pocket-mx-auto\" />\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- \"How It Works\" Section Header -->\n \u003csection class=\"tw-pocket-pt-12 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-text-center tw-pocket-mb-12 fade-in-up\">\n \u003cdiv class=\"tw-pocket-inline-flex tw-pocket-items-center tw-pocket-px-4 tw-pocket-py-2 tw-pocket-bg-black tw-pocket-text-white tw-pocket-rounded-full tw-pocket-text-sm tw-pocket-font-bold tw-pocket-mb-6\">\n How It Works\n \u003c/div>\n \u003ch2 class=\"tw-pocket-text-3xl tw-pocket-md:text-5xl tw-pocket-font-bold tw-pocket-text-neutral-900\">\n Run Your Club or Membership Business, Beginning to End\n \u003c/h2>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Feature Cards - Horizontal Carousel -->\n \u003csection class=\"tw-pocket-pb-16 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-mb-16 fade-in-up\">\n \u003cdiv class=\"tw-pocket-carousel-wrapper\">\n \u003cdiv class=\"tw-pocket-carousel-container\">\n \u003c!-- Navigation Arrows -->\n \u003cbutton class=\"tw-pocket-nav-arrow left\" onclick=\"scrollCarousel('left')\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\">\u003c/path>\n \u003c/svg>\n \u003c/button>\n \u003cbutton class=\"tw-pocket-nav-arrow right\" onclick=\"scrollCarousel('right')\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\">\u003c/path>\n \u003c/svg>\n \u003c/button>\n \n \u003cdiv class=\"tw-pocket-feature-carousel\" id=\"featureCarousel\">\n \u003c!-- Card 1: Online Registration -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3R3cKWvf1QRMnuCroznaN4/d06a5edaa730111b8987d9b7ae2542dd/Screenshot_2025-06-29_at_6.32.14â__PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z\">\u003c/path>\n \u003c/svg>\n Member Registration\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Online Registration\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Pocket makes it simple for new members to join from anywhere. With a fully branded, mobile-optimized sign-up flow, your customers can complete registration in minutes — including selecting their plan, signing agreements digitally, and entering payment information.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 2: Recurring Billing -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3AL18rL5DQawR6kPMsyDuE/5fb68a43984c63d4ac7c49f3936ea3d7/Screenshot_2025-06-29_at_7.00.08â__PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\">\u003c/path>\n \u003c/svg>\n Payment Processing\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Recurring Billing (CC & ACH)\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Managing payments is effortless with Pocket's automated recurring billing engine. Accept both credit cards and ACH transfers with ease. Control billing cadence, charge dates, and pricing structure — including options for initiation fees or special offers.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 3: Event Management -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/4GpZ3iA1LB57n79KOhpGYt/b27389b9e0bd2d754898545dcd7ccf9a/Screenshot_2025-06-29_at_7.22.01â__PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\">\u003c/path>\n \u003c/svg>\n Events\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Event Management\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Creating member-only events is seamless with Pocket. Launch gatherings like networking nights, guest speaker events, or social mixers directly from the admin dashboard, and decide whether they're exclusive to certain membership tiers.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 4: Room & Service Management -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3TEdDKBesNcXiaYw480Y1c/18b4aace0604bb9d41b0aea36a5edf16/Screenshot_2025-06-29_at_7.22.57â__PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\">\u003c/path>\n \u003c/svg>\n Amenities\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Room & Service Management\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Clubs can offer on-demand access to amenities like barber suites, podcast studios, cigar lounges, or vehicle detailing — all managed through one streamlined calendar interface. Members can reserve rooms based on availability and credit balance.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 5: Credit System -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/zzCQlZHt1OHi7vyVLRbLa/1ebc4adf64160fa9f14de538ba15087f/Screenshot_2025-06-29_at_7.52.29â__PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\">\u003c/path>\n \u003c/svg>\n Credits\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Club & Rental Credit System\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Pocket's dual credit system lets you deliver flexible value. Club Credits for room bookings, services, or events. Rental Credits for fleets or time-based offerings. Assign dollar values, configure monthly allowances, and choose if credits roll over.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 6: White-Label Experience -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/5HvmzAxs8BRAQVanFbGugm/b26151228606712f8ba42ec9fa0eced9/Screenshot_2025-06-29_at_6.29.36â__PM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\">\u003c/path>\n \u003c/svg>\n Branding\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">White-Label Experience\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Your brand stays front and center with Pocket's fully white-labeled experience. From member sign-up to the fully branded mobile app, every touchpoint reflects your logo, color palette, and voice — creating a seamless branded journey.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 7: Digital Agreements -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/UYCv16GiXIvz7UH9gkqu1/331e3f642b2567bb1befd593d2597ce1/Screenshot_2026-01-15_at_10.35.18%C3%A2__AM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\">\u003c/path>\n \u003c/svg>\n Agreements\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Digital Agreements\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Collect legally binding digital signatures during registration. Create custom agreement templates for membership terms, liability waivers, and club rules. Members sign on any device, and documents are stored securely with full audit trails.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 8: UniFi Access Integration -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/3boqNVVqANvLuBTDea3qd3/3abb4cd37aebe81e2fdf6d50c5f7cad0/Screenshot_2026-01-15_at_10.36.26%C3%A2__AM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z\">\u003c/path>\n \u003c/svg>\n Access Control\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">UniFi Access Integration\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Connect your club to UniFi Access hardware for automated door control. Members can unlock doors directly from the mobile app — no key cards needed. Configure multiple doors and manage access permissions by membership tier.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 9: Multiple Membership Plans -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/5Cy1b9k2KvhibA3LOusIsV/b84adf3ad01c217cbcaec6d22711eccf/Screenshot_2026-01-15_at_10.37.16%C3%A2__AM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\">\u003c/path>\n \u003c/svg>\n Tiers\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Multiple Membership Plans\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Offer tiered membership plans with different benefits. Basic, Premium, VIP — each with unique pricing, credit allocations, event access, and amenity permissions. Let members upgrade or switch plans seamlessly through the app.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 10: Club Updates & News -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-image: url('https://images.ctfassets.net/6zh9gs51w4qv/4sABj1Pf0hO8jUBll2cAuU/c360413f18fe689a8e76b26fe006b5e5/Screenshot_2026-01-15_at_10.38.06%C3%A2__AM.png'); background-position: left center;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(32, 201, 151, 0.2); color: #20c997;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z\">\u003c/path>\n \u003c/svg>\n Updates\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Club Updates & News Feed\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Keep members engaged with a built-in news feed. Share club updates, announcements, and highlights directly in the app. Push notifications ensure important messages reach members instantly.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Mobile App Showcase Section with Tabs -->\n \u003csection class=\"tw-pocket-py-16 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-gray-100\">\n \u003cdiv class=\"tw-pocket-max-w-7xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-text-center tw-pocket-mb-8 fade-in-up\">\n \u003cdiv class=\"tw-pocket-inline-flex tw-pocket-items-center tw-pocket-px-4 tw-pocket-py-2 tw-pocket-bg-red-600 tw-pocket-text-white tw-pocket-rounded-full tw-pocket-text-sm tw-pocket-font-bold tw-pocket-mb-6\">\n Live in the App Store\n \u003c/div>\n \u003ch2 class=\"tw-pocket-text-3xl tw-pocket-md:text-5xl tw-pocket-font-bold tw-pocket-text-neutral-900 tw-pocket-mb-6\">\n Custom Club Apps We've Built\n \u003c/h2>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-text-neutral-600 tw-pocket-max-w-3xl tw-pocket-mx-auto tw-pocket-mb-8\">\n See real apps we've deployed for automotive clubs — available now on the App Store.\n \u003c/p>\n \u003c/div>\n\n \u003c!-- Tab Buttons -->\n \u003cdiv class=\"tw-pocket-flex tw-pocket-justify-center tw-pocket-gap-4 tw-pocket-mb-8 fade-in-up\">\n \u003cbutton onclick=\"showAppTab('scottsdale')\" id=\"tab-scottsdale\" class=\"tw-pocket-app-tab tw-pocket-app-tab-active tw-pocket-px-6 tw-pocket-py-3 tw-pocket-rounded-full tw-pocket-font-bold tw-pocket-transition\">\n Club Scottsdale\n \u003c/button>\n \u003cbutton onclick=\"showAppTab('utah')\" id=\"tab-utah\" class=\"tw-pocket-app-tab tw-pocket-px-6 tw-pocket-py-3 tw-pocket-rounded-full tw-pocket-font-bold tw-pocket-transition\">\n Utah Car Club\n \u003c/button>\n \u003cbutton onclick=\"showAppTab('fivestar')\" id=\"tab-fivestar\" class=\"tw-pocket-app-tab tw-pocket-px-6 tw-pocket-py-3 tw-pocket-rounded-full tw-pocket-font-bold tw-pocket-transition\">\n 5 Star Exotics\n \u003c/button>\n \u003c/div>\n\n \u003c!-- Club Scottsdale Tab Content -->\n \u003cdiv id=\"content-scottsdale\" class=\"tw-pocket-app-content fade-in-up\">\n \u003cdiv class=\"tw-pocket-grid tw-pocket-grid-cols-1 tw-pocket-md:grid-cols-3 tw-pocket-gap-4 tw-pocket-mb-8\">\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/frdC0VxqRtIYQE28CXTXx/501e97cccb0b0943da996fd3d094e3aa/image1.png\" alt=\"Club Scottsdale - Home\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/1P404K09KzKN0ZbgxtjUYg/da6946701b7eb07b72e9450c2b2e6e43/image2.png\" alt=\"Club Scottsdale - Events\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/2e3Z8YMJdEhIiGZIxmC5NX/d4914b4e0dfb2b70b704b2c4317543a6/image3.png\" alt=\"Club Scottsdale - Vehicles\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/7m3GT4i4QlUgxrUD8S86mM/e2fd41ec355e8b36af6da826f427732c/image4.png\" alt=\"Club Scottsdale - Directory\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/6dQPSU0wUkj1mbuW1HGsKc/94b049800519f263c6bcbe292e8db79e/image5.png\" alt=\"Club Scottsdale - Rooms\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/6zIAeano8gEZlUIa3WakDB/b7a51b5a7f2f3c505b7ba0425034aa7b/image6.png\" alt=\"Club Scottsdale - Profile\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003c/div>\n \u003cdiv class=\"tw-pocket-text-center\">\n \u003ca href=\"https://apps.apple.com/us/app/club-scottsdale/id6747778307\" target=\"_blank\" class=\"tw-pocket-btn tw-pocket-btn-outline tw-pocket-px-8 tw-pocket-py-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mr-2\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n \u003cpath d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"/>\n \u003c/svg>\n Download Club Scottsdale\n \u003c/a>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Utah Car Club Tab Content -->\n \u003cdiv id=\"content-utah\" class=\"tw-pocket-app-content tw-pocket-hidden fade-in-up\">\n \u003cdiv class=\"tw-pocket-grid tw-pocket-grid-cols-1 tw-pocket-md:grid-cols-3 tw-pocket-gap-4 tw-pocket-mb-8\">\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/1nXNgUfxGsL8oGZh6SqZaA/e502095cefa375db3eeb283aa7885144/image1.png\" alt=\"Utah Car Club - Home\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/2jtT4RHz4aEEb4IbMEc3Jk/bac801a39c97030358563d31e3f4c89e/image2.png\" alt=\"Utah Car Club - Events\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/3369JzRu5M4VjqsgFoAMVj/bc90cfe10868fc1ad11fdc1421fb917e/image3.png\" alt=\"Utah Car Club - Vehicles\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/241PLOatW52ogPpouaYRyz/347c9483a654ab44658fb0224414d70e/image4.png\" alt=\"Utah Car Club - Directory\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"https://images.ctfassets.net/6zh9gs51w4qv/6ENyUeAw9B9dCDi0U2nY2A/708cb6979c2f16afaf61d5a4fa2f545c/image5.png\" alt=\"Utah Car Club - Profile\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003c/div>\n \u003cdiv class=\"tw-pocket-text-center\">\n \u003ca href=\"https://apps.apple.com/us/app/utah-car-club/id6751617577\" target=\"_blank\" class=\"tw-pocket-btn tw-pocket-btn-outline tw-pocket-px-8 tw-pocket-py-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mr-2\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n \u003cpath d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"/>\n \u003c/svg>\n Download Utah Car Club\n \u003c/a>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- 5 Star Exotics Tab Content -->\n \u003cdiv id=\"content-fivestar\" class=\"tw-pocket-app-content tw-pocket-hidden fade-in-up\">\n \u003cdiv class=\"tw-pocket-grid tw-pocket-grid-cols-1 tw-pocket-md:grid-cols-3 tw-pocket-gap-4 tw-pocket-mb-8\">\n \u003cimg src=\"/screenshots/five-star-exotics/1.png\" alt=\"5 Star Exotics - Home\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"/screenshots/five-star-exotics/2.png\" alt=\"5 Star Exotics - Browse\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"/screenshots/five-star-exotics/3.png\" alt=\"5 Star Exotics - Vehicles\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"/screenshots/five-star-exotics/4.png\" alt=\"5 Star Exotics - Events\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003cimg src=\"/screenshots/five-star-exotics/5.png\" alt=\"5 Star Exotics - Profile\" class=\"tw-pocket-rounded-xl tw-pocket-shadow-lg\" />\n \u003c/div>\n \u003cdiv class=\"tw-pocket-text-center\">\n \u003ca href=\"https://apps.apple.com/us/app/5-star-exotics/id6760736955\" target=\"_blank\" class=\"tw-pocket-btn tw-pocket-btn-outline tw-pocket-px-8 tw-pocket-py-3\">\n \u003csvg class=\"tw-pocket-w-5 tw-pocket-h-5 tw-pocket-mr-2\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n \u003cpath d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"/>\n \u003c/svg>\n Download 5 Star Exotics\n \u003c/a>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- CTA Section -->\n \u003csection id=\"join-today\" class=\"tw-pocket-py-20 tw-pocket-px-4 tw-pocket-sm:px-6 tw-pocket-md:px-8 tw-pocket-bg-white\">\n \u003cdiv class=\"tw-pocket-max-w-4xl tw-pocket-mx-auto tw-pocket-text-center fade-in-up\">\n \u003ch2 class=\"tw-pocket-text-4xl tw-pocket-md:text-6xl tw-pocket-font-bold tw-pocket-text-neutral-900 tw-pocket-mb-6\">\n Join Today\n \u003c/h2>\n \n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-600 tw-pocket-mb-8 tw-pocket-leading-relaxed\">\n Experience the industry's best club operating system.\n \u003c/p>\n\n \u003cdiv class=\"tw-pocket-bg-gray-50 tw-pocket-rounded-3xl tw-pocket-p-8 tw-pocket-mb-8\">\n \u003cdiv class=\"tw-pocket-space-y-4 tw-pocket-text-left tw-pocket-max-w-2xl tw-pocket-mx-auto\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-6 tw-pocket-h-6 tw-pocket-text-green-600 tw-pocket-flex-shrink-0 tw-pocket-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 \u003cspan class=\"tw-pocket-text-xl tw-pocket-text-neutral-900 tw-pocket-font-medium\">White-labeled platform\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-6 tw-pocket-h-6 tw-pocket-text-green-600 tw-pocket-flex-shrink-0 tw-pocket-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 \u003cspan class=\"tw-pocket-text-xl tw-pocket-text-neutral-900 tw-pocket-font-medium\">Full Club Operating System. Zero Ops Headaches.\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-6 tw-pocket-h-6 tw-pocket-text-green-600 tw-pocket-flex-shrink-0 tw-pocket-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 \u003cspan class=\"tw-pocket-text-xl tw-pocket-text-neutral-900 tw-pocket-font-medium\">Built for Club Business Owners, Not Hobbyists\u003c/span>\n \u003c/div>\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-start tw-pocket-space-x-3\">\n \u003csvg class=\"tw-pocket-w-6 tw-pocket-h-6 tw-pocket-text-green-600 tw-pocket-flex-shrink-0 tw-pocket-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 \u003cspan class=\"tw-pocket-text-xl tw-pocket-text-neutral-900 tw-pocket-font-medium\">Instant access. Cancel anytime.\u003c/span>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n\n \u003cdiv class=\"tw-pocket-flex tw-pocket-flex-col tw-pocket-sm:flex-row tw-pocket-gap-4 tw-pocket-justify-center\">\n \u003ca href=\"https://pocketos.ai/pricing/gt1+\" class=\"tw-pocket-btn tw-pocket-btn-primary tw-pocket-px-8 tw-pocket-py-4 tw-pocket-text-lg\">\n Get Started\n \u003c/a>\n \u003cbutton class=\"tw-pocket-btn tw-pocket-btn-outline tw-pocket-px-8 tw-pocket-py-4 tw-pocket-text-lg open_intercom\">\n Chat with Us\n \u003c/button>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Footer removed - page will be embedded -->\n\n \u003c/div>\n\n \u003c!-- JavaScript for carousel functionality and animations -->\n \u003cscript>\n // Carousel scroll function\n function scrollCarousel(direction) {\n const carousel = document.getElementById('featureCarousel');\n const cardWidth = 400 + 24; // card width + gap\n const scrollAmount = direction === 'left' ? -cardWidth : cardWidth;\n carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n }\n\n // Intersection Observer for fade-in 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 // Observe all fade-in elements\n document.addEventListener('DOMContentLoaded', () => {\n const fadeElements = document.querySelectorAll('.fade-in, .fade-in-up');\n fadeElements.forEach(el => observer.observe(el));\n });\n\n\n // Tab switching function for app showcase\n function showAppTab(tabName) {\n // Hide all content\n document.querySelectorAll('.tw-pocket-app-content').forEach(content => {\n content.classList.add('tw-pocket-hidden');\n });\n \n // Remove active class from all tabs\n document.querySelectorAll('.tw-pocket-app-tab').forEach(tab => {\n tab.classList.remove('tw-pocket-app-tab-active');\n });\n \n // Show selected content\n document.getElementById('content-' + tabName).classList.remove('tw-pocket-hidden');\n \n // Add active class to selected tab\n document.getElementById('tab-' + tabName).classList.add('tw-pocket-app-tab-active');\n }\n \u003c/script>","head_inject":"\u003cstyle>\n /* EMBEDDED TAILWIND CSS - Prefixed with tw-pocket- for complete isolation */\n .tw-pocket-landing *, .tw-pocket-landing ::before, .tw-pocket-landing ::after { box-sizing: border-box; margin: 0; padding: 0; }\n \n /* Display */\n .tw-pocket-block { display: block; }\n .tw-pocket-inline-block { display: inline-block; }\n .tw-pocket-inline { display: inline; }\n .tw-pocket-flex { display: flex; }\n .tw-pocket-inline-flex { display: inline-flex; }\n .tw-pocket-grid { display: grid; }\n .tw-pocket-hidden { display: none; }\n \n /* Flexbox */\n .tw-pocket-flex-row { flex-direction: row; }\n .tw-pocket-flex-col { flex-direction: column; }\n .tw-pocket-flex-wrap { flex-wrap: wrap; }\n .tw-pocket-flex-1 { flex: 1 1 0%; }\n .tw-pocket-items-start { align-items: flex-start; }\n .tw-pocket-items-center { align-items: center; }\n .tw-pocket-items-end { align-items: flex-end; }\n .tw-pocket-justify-start { justify-content: flex-start; }\n .tw-pocket-justify-center { justify-content: center; }\n .tw-pocket-justify-end { justify-content: flex-end; }\n .tw-pocket-justify-between { justify-content: space-between; }\n \n /* Grid */\n .tw-pocket-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }\n .tw-pocket-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .tw-pocket-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n .tw-pocket-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n .tw-pocket-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }\n \n /* Gaps */\n .tw-pocket-gap-2 { gap: 0.5rem; }\n .tw-pocket-gap-3 { gap: 0.75rem; }\n .tw-pocket-gap-4 { gap: 1rem; }\n .tw-pocket-gap-6 { gap: 1.5rem; }\n .tw-pocket-gap-8 { gap: 2rem; }\n .tw-pocket-gap-12 { gap: 3rem; }\n .tw-pocket-gap-16 { gap: 4rem; }\n .tw-pocket-gap-20 { gap: 5rem; }\n \n /* Spacing */\n .tw-pocket-space-x-2 > * + * { margin-left: 0.5rem; }\n .tw-pocket-space-x-3 > * + * { margin-left: 0.75rem; }\n .tw-pocket-space-x-4 > * + * { margin-left: 1rem; }\n .tw-pocket-space-x-6 > * + * { margin-left: 1.5rem; }\n .tw-pocket-space-x-8 > * + * { margin-left: 2rem; }\n .tw-pocket-space-y-2 > * + * { margin-top: 0.5rem; }\n .tw-pocket-space-y-3 > * + * { margin-top: 0.75rem; }\n .tw-pocket-space-y-4 > * + * { margin-top: 1rem; }\n .tw-pocket-space-y-6 > * + * { margin-top: 1.5rem; }\n .tw-pocket-space-y-8 > * + * { margin-top: 2rem; }\n .tw-pocket-space-y-12 > * + * { margin-top: 3rem; }\n \n /* Padding */\n .tw-pocket-p-0 { padding: 0; }\n .tw-pocket-p-2 { padding: 0.5rem; }\n .tw-pocket-p-3 { padding: 0.75rem; }\n .tw-pocket-p-4 { padding: 1rem; }\n .tw-pocket-p-6 { padding: 1.5rem; }\n .tw-pocket-p-8 { padding: 2rem; }\n .tw-pocket-p-12 { padding: 3rem; }\n .tw-pocket-p-16 { padding: 4rem; }\n .tw-pocket-p-20 { padding: 5rem; }\n .tw-pocket-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n .tw-pocket-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n .tw-pocket-px-4 { padding-left: 1rem; padding-right: 1rem; }\n .tw-pocket-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n .tw-pocket-px-8 { padding-left: 2rem; padding-right: 2rem; }\n .tw-pocket-px-12 { padding-left: 3rem; padding-right: 3rem; }\n .tw-pocket-px-16 { padding-left: 4rem; padding-right: 4rem; }\n .tw-pocket-px-20 { padding-left: 5rem; padding-right: 5rem; }\n .tw-pocket-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\n .tw-pocket-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n .tw-pocket-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n .tw-pocket-py-4 { padding-top: 1rem; padding-bottom: 1rem; }\n .tw-pocket-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }\n .tw-pocket-py-8 { padding-top: 2rem; padding-bottom: 2rem; }\n .tw-pocket-py-12 { padding-top: 3rem; padding-bottom: 3rem; }\n .tw-pocket-py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n .tw-pocket-py-20 { padding-top: 5rem; padding-bottom: 5rem; }\n .tw-pocket-py-24 { padding-top: 6rem; padding-bottom: 6rem; }\n .tw-pocket-py-32 { padding-top: 8rem; padding-bottom: 8rem; }\n .tw-pocket-pt-4 { padding-top: 1rem; }\n .tw-pocket-pt-8 { padding-top: 2rem; }\n .tw-pocket-pt-12 { padding-top: 3rem; }\n .tw-pocket-pt-20 { padding-top: 5rem; }\n .tw-pocket-pb-6 { padding-bottom: 1.5rem; }\n .tw-pocket-pb-12 { padding-bottom: 3rem; }\n .tw-pocket-pl-6 { padding-left: 1.5rem; }\n \n /* Margin */\n .tw-pocket-m-auto { margin: auto; }\n .tw-pocket-mx-auto { margin-left: auto; margin-right: auto; }\n .tw-pocket-mt-2 { margin-top: 0.5rem; }\n .tw-pocket-mt-3 { margin-top: 0.75rem; }\n .tw-pocket-mt-4 { margin-top: 1rem; }\n .tw-pocket-mt-6 { margin-top: 1.5rem; }\n .tw-pocket-mt-8 { margin-top: 2rem; }\n .tw-pocket-mt-12 { margin-top: 3rem; }\n .tw-pocket-mt-16 { margin-top: 4rem; }\n .tw-pocket-mt-20 { margin-top: 5rem; }\n .tw-pocket-mt-24 { margin-top: 6rem; }\n .tw-pocket-mb-1 { margin-bottom: 0.25rem; }\n .tw-pocket-mb-2 { margin-bottom: 0.5rem; }\n .tw-pocket-mb-3 { margin-bottom: 0.75rem; }\n .tw-pocket-mb-4 { margin-bottom: 1rem; }\n .tw-pocket-mb-6 { margin-bottom: 1.5rem; }\n .tw-pocket-mb-8 { margin-bottom: 2rem; }\n .tw-pocket-mb-20 { margin-bottom: 5rem; }\n .tw-pocket-mb-16 { margin-bottom: 4rem; }\n .tw-pocket-mb-24 { margin-bottom: 6rem; }\n .tw-pocket-ml-2 { margin-left: 0.5rem; }\n .tw-pocket-ml-3 { margin-left: 0.75rem; }\n .tw-pocket-mr-1 { margin-right: 0.25rem; }\n .tw-pocket-mr-2 { margin-right: 0.5rem; }\n .tw-pocket-mr-3 { margin-right: 0.75rem; }\n .tw-pocket-mr-4 { margin-right: 1rem; }\n .tw-pocket--ml-2 { margin-left: -0.5rem; }\n \n /* Width & Height */\n .tw-pocket-w-full { width: 100%; }\n .tw-pocket-w-3 { width: 0.75rem; }\n .tw-pocket-w-4 { width: 1rem; }\n .tw-pocket-w-5 { width: 1.25rem; }\n .tw-pocket-w-6 { width: 1.5rem; }\n .tw-pocket-w-8 { width: 2rem; }\n .tw-pocket-w-10 { width: 2.5rem; }\n .tw-pocket-w-12 { width: 3rem; }\n .tw-pocket-w-16 { width: 4rem; }\n .tw-pocket-w-20 { width: 5rem; }\n .tw-pocket-w-24 { width: 6rem; }\n .tw-pocket-w-32 { width: 8rem; }\n .tw-pocket-w-1\\/2 { width: 50%; }\n .tw-pocket-w-1\\/2 { width: 50%; }\n .tw-pocket-h-3 { height: 0.75rem; }\n .tw-pocket-h-4 { height: 1rem; }\n .tw-pocket-h-5 { height: 1.25rem; }\n .tw-pocket-h-6 { height: 1.5rem; }\n .tw-pocket-h-8 { height: 2rem; }\n .tw-pocket-h-10 { height: 2.5rem; }\n .tw-pocket-h-12 { height: 3rem; }\n .tw-pocket-h-16 { height: 4rem; }\n .tw-pocket-h-20 { height: 5rem; }\n .tw-pocket-h-24 { height: 6rem; }\n .tw-pocket-h-30 { height: 7.5rem; }\n .tw-pocket-h-32 { width: 8rem; }\n .tw-pocket-h-auto { height: auto; }\n .tw-pocket-h-screen { height: 100vh; }\n .tw-pocket-max-w-3xl { max-width: 48rem; }\n .tw-pocket-max-w-4xl { max-width: 56rem; }\n .tw-pocket-max-w-5xl { max-width: 64rem; }\n .tw-pocket-max-w-6xl { max-width: 72rem; }\n .tw-pocket-max-w-7xl { max-width: 75rem; } /* 1200px */\n .tw-pocket-max-w-md { max-width: 28rem; }\n .tw-pocket-max-w-2xl { max-width: 42rem; }\n \n /* Typography */\n .tw-pocket-text-xs { font-size: 0.75rem; line-height: 1rem; }\n .tw-pocket-text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n .tw-pocket-text-base { font-size: 1.2rem; line-height: 1.8rem; }\n .tw-pocket-text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n .tw-pocket-text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n .tw-pocket-text-2xl { font-size: 1.5rem; line-height: 2rem; }\n .tw-pocket-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n .tw-pocket-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n .tw-pocket-text-5xl { font-size: 3rem; line-height: 1; }\n .tw-pocket-text-6xl { font-size: 3.75rem; line-height: 1; }\n .tw-pocket-text-7xl { font-size: 4.5rem; line-height: 1; }\n .tw-pocket-text-8xl { font-size: 6rem; line-height: 1; }\n \n .tw-pocket-font-light { font-weight: 300; }\n .tw-pocket-font-normal { font-weight: 400; }\n .tw-pocket-font-medium { font-weight: 500; }\n .tw-pocket-font-semibold { font-weight: 600; }\n .tw-pocket-font-bold { font-weight: 700; }\n .tw-pocket-font-extrabold { font-weight: 800; }\n .tw-pocket-font-black { font-weight: 900; }\n \n .tw-pocket-text-left { text-align: left; }\n .tw-pocket-text-center { text-align: center; }\n .tw-pocket-text-right { text-align: right; }\n \n .tw-pocket-leading-tight { line-height: 1.25; }\n .tw-pocket-leading-snug { line-height: 1.375; }\n .tw-pocket-leading-normal { line-height: 1.5; }\n .tw-pocket-leading-relaxed { line-height: 1.625; }\n \n /* Colors */\n .tw-pocket-text-white { color: #fff; }\n .tw-pocket-text-black { color: #000; }\n .tw-pocket-text-gray-50 { color: #f9fafb; }\n .tw-pocket-text-gray-100 { color: #f3f4f6; }\n .tw-pocket-text-gray-200 { color: #e5e7eb; }\n .tw-pocket-text-gray-300 { color: #d1d5db; }\n .tw-pocket-text-gray-400 { color: #9ca3af; }\n .tw-pocket-text-gray-500 { color: #6b7280; }\n .tw-pocket-text-gray-600 { color: #4b5563; }\n .tw-pocket-text-gray-700 { color: #374151; }\n .tw-pocket-text-gray-800 { color: #1f2937; }\n .tw-pocket-text-gray-900 { color: #111827; }\n .tw-pocket-text-red-600 { color: #dc2626; }\n .tw-pocket-text-red-500 { color: #ef4444; }\n .tw-pocket-text-green-500 { color: #10b981; }\n .tw-pocket-text-green-600 { color: #059669; }\n .tw-pocket-text-neutral-400 { color: #9ca3af; }\n \n /* Backgrounds */\n .tw-pocket-bg-white { background-color: #fff; }\n .tw-pocket-bg-black { background-color: #000; }\n .tw-pocket-bg-gray-50 { background-color: #f9fafb; }\n .tw-pocket-bg-gray-100 { background-color: #f3f4f6; }\n .tw-pocket-bg-gray-200 { background-color: #e5e7eb; }\n .tw-pocket-bg-gray-700 { background-color: #374151; }\n .tw-pocket-bg-gray-800 { background-color: #1f2937; }\n .tw-pocket-bg-gray-900 { background-color: #111827; }\n .tw-pocket-bg-red-600 { background-color: #dc2626; }\n .tw-pocket-bg-black { background-color: #000; }\n .tw-pocket-bg-opacity-20 { background-color: rgba(0, 0, 0, 0.2); }\n \n /* Borders */\n .tw-pocket-border { border-width: 1px; }\n .tw-pocket-border-2 { border-width: 2px; }\n .tw-pocket-border-t { border-top-width: 1px; }\n .tw-pocket-border-l-4 { border-left-width: 4px; }\n .tw-pocket-border-gray-100 { border-color: #f3f4f6; }\n .tw-pocket-border-gray-200 { border-color: #e5e7eb; }\n .tw-pocket-border-gray-300 { border-color: #d1d5db; }\n .tw-pocket-border-white { border-color: #fff; }\n \n .tw-pocket-rounded { border-radius: 0.25rem; }\n .tw-pocket-rounded-lg { border-radius: 0.5rem; }\n .tw-pocket-rounded-xl { border-radius: 0.75rem; }\n .tw-pocket-rounded-2xl { border-radius: 1rem; }\n .tw-pocket-rounded-3xl { border-radius: 1.5rem; }\n .tw-pocket-rounded-4xl { border-radius: 2rem; }\n .tw-pocket-rounded-full { border-radius: 9999px; }\n \n /* Effects */\n .tw-pocket-shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }\n .tw-pocket-shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }\n .tw-pocket-shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }\n .tw-pocket-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }\n .tw-pocket-shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }\n .tw-pocket-shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }\n \n .tw-pocket-opacity-0 { opacity: 0; }\n .tw-pocket-opacity-60 { opacity: 0.6; }\n .tw-pocket-opacity-75 { opacity: 0.75; }\n .tw-pocket-opacity-90 { opacity: 0.9; }\n .tw-pocket-opacity-100 { opacity: 1; }\n \n /* Transitions */\n .tw-pocket-transition { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-pocket-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-pocket-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-pocket-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .tw-pocket-duration-300 { transition-duration: 300ms; }\n .tw-pocket-duration-500 { transition-duration: 500ms; }\n .tw-pocket-duration-700 { transition-duration: 700ms; }\n \n /* Transform */\n .tw-pocket-transform { transform: translateX(0); }\n .tw-pocket-rotate-180 { transform: rotate(180deg); }\n .tw-pocket--translate-y-1 { transform: translateY(-0.25rem); }\n .tw-pocket--translate-y-2 { transform: translateY(-0.5rem); }\n .tw-pocket-translate-y-4 { transform: translateY(1rem); }\n .tw-pocket-scale-105 { transform: scale(1.05); }\n \n /* Position */\n .tw-pocket-relative { position: relative; }\n .tw-pocket-absolute { position: absolute; }\n .tw-pocket-fixed { position: fixed; }\n .tw-pocket-inset-0 { top: 0; right: 0; bottom: 0; left: 0; }\n .tw-pocket-top-0 { top: 0; }\n .tw-pocket-right-0 { right: 0; }\n .tw-pocket-left-0 { left: 0; }\n .tw-pocket-z-10 { z-index: 10; }\n .tw-pocket-z-50 { z-index: 50; }\n \n /* Object */\n .tw-pocket-object-cover { object-fit: cover; }\n .tw-pocket-object-contain { object-fit: contain; }\n \n /* Overflow */\n .tw-pocket-overflow-hidden { overflow: hidden; }\n \n /* Cursor */\n .tw-pocket-cursor-pointer { cursor: pointer; }\n \n /* Responsive */\n @media (min-width: 640px) {\n .tw-pocket-sm\\:flex { display: flex; }\n .tw-pocket-sm\\:flex-row { flex-direction: row; }\n .tw-pocket-sm\\:gap-12 { gap: 3rem; }\n .tw-pocket-sm\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n .tw-pocket-sm\\:text-5xl { font-size: 3rem; line-height: 1; }\n .tw-pocket-sm\\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n }\n \n @media (min-width: 768px) {\n .tw-pocket-md\\:flex { display: flex; }\n .tw-pocket-md\\:hidden { display: none; }\n .tw-pocket-md\\:flex-row { flex-direction: row; }\n .tw-pocket-md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .tw-pocket-md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n .tw-pocket-md\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n .tw-pocket-md\\:gap-8 { gap: 2rem; }\n .tw-pocket-md\\:text-2xl { font-size: 1.5rem; line-height: 2rem; }\n .tw-pocket-md\\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n .tw-pocket-md\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n .tw-pocket-md\\:text-5xl { font-size: 3rem; line-height: 1; }\n .tw-pocket-md\\:text-6xl { font-size: 3.75rem; line-height: 1; }\n .tw-pocket-md\\:text-7xl { font-size: 4.5rem; line-height: 1; }\n .tw-pocket-md\\:px-8 { padding-left: 2rem; padding-right: 2rem; }\n .tw-pocket-md\\:py-32 { padding-top: 8rem; padding-bottom: 8rem; }\n }\n \n @media (min-width: 1024px) {\n .tw-pocket-lg\\:flex-row { flex-direction: row; }\n .tw-pocket-lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .tw-pocket-lg\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n .tw-pocket-lg\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n .tw-pocket-lg\\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }\n .tw-pocket-lg\\:w-1\\/2 { width: 50%; }\n .tw-pocket-lg\\:text-8xl { font-size: 6rem; line-height: 1; }\n }\n \n /* Container - 1200px max-width */\n .tw-pocket-container {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 1rem;\n padding-left: 1rem;\n }\n \n @media (min-width: 1280px) {\n .tw-pocket-container { max-width: 1200px; }\n .tw-pocket-max-w-7xl { max-width: 1200px; }\n }\n \n /* Hover States */\n .tw-pocket-hover\\:bg-gray-50:hover { background-color: #f9fafb; }\n .tw-pocket-hover\\:bg-gray-100:hover { background-color: #f3f4f6; }\n .tw-pocket-hover\\:bg-gray-700:hover { background-color: #374151; }\n .tw-pocket-hover\\:text-gray-900:hover { color: #111827; }\n .tw-pocket-hover\\:text-red-700:hover { color: #b91c1c; }\n .tw-pocket-hover\\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }\n .tw-pocket-hover\\:shadow-xl:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }\n .tw-pocket-hover\\:-translate-y-1:hover { transform: translateY(-0.25rem); }\n .tw-pocket-hover\\:-translate-y-2:hover { transform: translateY(-0.5rem); }\n .tw-pocket-hover\\:scale-105:hover { transform: scale(1.05); }\n \n /* Group Hover */\n .tw-pocket-group:hover .group-hover\\:opacity-100 { opacity: 1; }\n \n /* Sequel Sans Font Import with fallbacks */\n @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n \n /* Custom styling using Sequel Sans with Inter fallback */\n .tw-pocket-font-sequel {\n font-family: 'Sequel Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n }\n \n /* Custom colors - Teal (#20c997) as primary */\n :root {\n --primary-red: #20c997;\n --primary-red-dark: #16a37a;\n --neutral-900: #0f172a;\n --neutral-800: #1e293b;\n --neutral-700: #334155;\n --neutral-600: #475569;\n --neutral-500: #64748b;\n --neutral-400: #94a3b8;\n --neutral-300: #cbd5e1;\n --neutral-200: #e2e8f0;\n --neutral-100: #f1f5f9;\n --neutral-50: #f8fafc;\n --border-light: #e2e8f0;\n }\n \n .tw-pocket-bg-primary { background-color: var(--primary-red); }\n .tw-pocket-text-primary { color: var(--primary-red); }\n .tw-pocket-border-primary { border-color: var(--primary-red); }\n .tw-pocket-bg-neutral-900 { background-color: var(--neutral-900); }\n .tw-pocket-text-neutral-900 { color: var(--neutral-900); }\n .tw-pocket-bg-neutral-50 { background-color: var(--neutral-50); }\n .tw-pocket-text-neutral-600 { color: var(--neutral-600); }\n .tw-pocket-text-neutral-500 { color: var(--neutral-500); }\n \n /* Gradient backgrounds - Teal theme */\n .tw-pocket-gradient-red {\n background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-dark) 100%);\n }\n \n .tw-bg-danger-gradient {\n background: #20c997;\n background: linear-gradient(0deg, rgb(32, 201, 151) 0%, rgb(22, 163, 122) 100%);\n }\n\n .tw-pocket-hero-gradient {\n background: linear-gradient(to bottom, rgba(32, 201, 151, 0.15) 0%, rgba(32, 201, 151, 0.08) 25%, rgba(32, 201, 151, 0.04) 50%, rgba(32, 201, 151, 0.02) 75%, rgba(255, 255, 255, 0) 100%);\n }\n \n .tw-pocket-gradient-light {\n background: linear-gradient(135deg, var(--neutral-50) 0%, var(--neutral-100) 100%);\n }\n \n /* Modern card styles with rounded corners */\n .tw-pocket-card {\n background: white;\n border: 1px solid var(--border-light);\n border-radius: 1.5rem;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .tw-pocket-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 32px 64px rgba(0, 0, 0, 0.12);\n }\n \n .tw-pocket-card-large {\n background: white;\n border: 1px solid var(--border-light);\n border-radius: 2rem;\n transition: all 0.3s ease;\n position: relative;\n }\n \n /* Modern button styles - Red theme */\n .tw-pocket-btn {\n position: relative;\n padding: 1rem 2rem;\n border-radius: 0.75rem;\n font-weight: 600;\n font-size: 1rem;\n transition: all 0.2s ease;\n border: none;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n \n .tw-pocket-btn:hover {\n transform: translateY(-1px);\n }\n \n .tw-pocket-btn-primary {\n background: var(--primary-red);\n color: white;\n }\n \n .tw-pocket-btn-primary:hover {\n background: var(--primary-red-dark);\n color: white;\n box-shadow: 0 8px 25px rgba(32, 201, 151, 0.3);\n }\n \n .tw-pocket-btn-outline {\n background: transparent;\n color: var(--neutral-700);\n border: 2px solid var(--neutral-300);\n }\n \n .tw-pocket-btn-outline:hover {\n background: var(--neutral-50);\n border-color: var(--neutral-400);\n color: var(--neutral-900);\n }\n \n /* Feature icon styles - Club theme */\n .tw-pocket-feature-icon {\n width: 4rem;\n height: 4rem;\n background: linear-gradient(135deg, var(--neutral-50) 0%, var(--neutral-100) 100%);\n border-radius: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n border: 1px solid var(--border-light);\n }\n \n .tw-pocket-feature-icon svg {\n width: 2rem;\n height: 2rem;\n color: var(--primary-red);\n }\n \n /* Product badge styles */\n .tw-pocket-product-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.5rem;\n border-radius: 3rem;\n font-weight: 600;\n font-size: 0.9rem;\n }\n \n .tw-pocket-product-badge svg {\n width: 1.25rem;\n height: 1.25rem;\n }\n \n /* ClubOS specific styles */\n .tw-pocket-club-card {\n background: linear-gradient(135deg, var(--neutral-900) 0%, var(--neutral-800) 100%);\n border: 1px solid var(--border-light);\n border-radius: 2rem;\n padding: 3rem;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .tw-pocket-club-content {\n position: relative;\n z-index: 2;\n }\n \n /* Carousel wrapper */\n .tw-pocket-carousel-wrapper {\n position: relative;\n margin: 0 -2rem;\n padding: 0 2rem;\n }\n\n @media (max-width: 768px) {\n .tw-pocket-carousel-wrapper {\n margin: 0 -1.5rem;\n padding: 0 1.5rem;\n }\n }\n\n @media (max-width: 640px) {\n .tw-pocket-carousel-wrapper {\n margin: 0 -1rem;\n }\n }\n\n .tw-pocket-feature-carousel {\n display: flex;\n gap: 1.5rem;\n overflow-x: auto;\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n padding: 0 4rem 1rem 0;\n }\n\n @media (max-width: 768px) {\n .tw-pocket-feature-carousel {\n padding: 0 2rem 1rem 0;\n }\n }\n\n @media (max-width: 640px) {\n .tw-pocket-feature-carousel {\n padding: 0 1rem 1rem 0;\n }\n }\n\n /* Carousel scrollbar hidden */\n .tw-pocket-feature-carousel::-webkit-scrollbar {\n display: none;\n }\n\n .tw-pocket-carousel-container {\n position: relative;\n }\n\n .tw-pocket-nav-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 1px solid var(--border-light);\n border-radius: 50%;\n width: 3rem;\n height: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n cursor: pointer;\n z-index: 20;\n transition: all 0.2s ease;\n }\n\n .tw-pocket-nav-arrow:hover {\n background: var(--neutral-50);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n }\n\n .tw-pocket-nav-arrow.left {\n left: 1rem;\n }\n\n .tw-pocket-nav-arrow.right {\n right: 1rem;\n }\n\n .tw-pocket-nav-arrow svg {\n width: 1.25rem;\n height: 1.25rem;\n color: var(--neutral-700);\n }\n\n .tw-pocket-feature-card {\n flex: 0 0 400px;\n height: 70vh;\n border-radius: 2rem;\n position: relative;\n scroll-snap-align: start;\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n overflow: hidden;\n background-size: cover;\n background-position: left center;\n background-repeat: no-repeat;\n }\n\n .tw-pocket-feature-card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, #F0F2F5 0%, #F0F2F5 20%, rgba(240, 242, 245, 0.8) 50%, rgba(240, 242, 245, 0.3) 80%, rgba(240, 242, 245, 0) 100%);\n z-index: 1;\n }\n\n .tw-pocket-feature-card-content {\n position: relative;\n z-index: 2;\n padding: 2rem 3rem;\n color: black;\n }\n \n /* Subtle animation classes - VERY minimal */\n .fade-in {\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n }\n \n .fade-in-up {\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n \n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n /* Staggered animation delays - much shorter */\n .stagger-1 { transition-delay: 0.05s; }\n .stagger-2 { transition-delay: 0.1s; }\n .stagger-3 { transition-delay: 0.15s; }\n .stagger-4 { transition-delay: 0.2s; }\n .stagger-5 { transition-delay: 0.25s; }\n .stagger-6 { transition-delay: 0.3s; }\n \n /* Screenshot styling */\n .tw-pocket-screenshot {\n width: 100%;\n height: auto;\n border-radius: 1rem;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n\n /* Background utilities */\n .tw-pocket-bg-cover { background-size: cover; }\n .tw-pocket-bg-center { background-position: center; }\n .tw-pocket-bg-left { background-position: left center; }\n .tw-pocket-bg-right { background-position: right center; }\n .tw-pocket-max-w-lg { max-width: 32rem; }\n .tw-pocket-bg-no-repeat { background-repeat: no-repeat; }\n .tw-pocket-min-h-screen { min-height: 100vh; }\n .tw-pocket-min-h-96 { min-height: 24rem; }\n .tw-pocket-min-h-681 { min-height: 481px; }\n .tw-pocket-h-full { height: 100%; }\n \n /* Ensure white backgrounds */\n html, body {\n background-color: white !important;\n margin: 0;\n padding: 0;\n }\n \n /* Set base font size */\n .tw-pocket-landing {\n font-size: 1.2rem;\n }\n \n /* Tab styles */\n .tw-pocket-app-tab {\n background: white;\n color: var(--neutral-600);\n border: 2px solid var(--border-light);\n }\n \n .tw-pocket-app-tab:hover {\n background: var(--neutral-50);\n border-color: var(--neutral-400);\n }\n \n .tw-pocket-app-tab-active {\n background: var(--primary-red) !important;\n color: white !important;\n border-color: var(--primary-red) !important;\n }\n \n .tw-pocket-hidden {\n display: none;\n }\n \n .tw-pocket-app-content img {\n width: 100%;\n height: auto;\n }\n \u003c/style>","meta_title":"ClubOS - Membership & Club Management | PocketOS","meta_description":"ClubOS powers membership and club management for automotive businesses.","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.401Z","date_updated":"2026-04-02T17:56:22.627Z"}}}}
