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 AuctionOS
Run your own vehicle auctions on your custom domain. Full white-label auction platform with real-time bidding.
White-label auctions on your own domain
Configurable buyer's premium & fees
Real-time bidding with snipe protection
Why Pocket AuctionOS?
Pocket AuctionOS gives dealerships and collectors the power to run their own branded auctions — no marketplace fees, no competing listings, just your inventory on your domain with your rules.
How It Works
Your Auctions, Your Brand, Your Rules
Your Domain, Your Brand
Run auctions on your own custom domain with full white-label branding. Your logo, your colors, your voice — bidders see your brand, not ours. Match your site's look with dark or light themes and custom accent colors.
Set Your Own Fees
Configure your buyer's premium exactly how you want. Set a percentage of the final bid (e.g., 5%), plus minimum and maximum fee caps. Example: 5% with $250 min and $7,500 max — you control the economics.
Live Bidding via WebSocket
Bidders see updates instantly with real-time WebSocket connections. Current bid, bid count, time remaining — all update live without page refreshes. Creates exciting auction experiences that drive higher final bids.
Snipe Protection
Prevent last-second sniping with automatic time extensions. When a bid comes in during the final 2 minutes, the auction automatically extends — giving all bidders a fair chance. Configure the window and extension duration to your preference.
No-Bid Auto-Extension
Don't let auctions end without bids. Enable auto-extension to automatically extend auctions that receive no bids before ending. Set how many days to extend and the maximum number of extensions — keep your inventory live until it sells.
Payment Processing
Collect buyer's premium, process payment holds, and manage transactions seamlessly through the platform. Full support for credit cards and ACH transfers.
Verified Bidders
Bidders authenticate with their phone number via SMS verification. This ensures real, verified users are placing bids. Require payment method on file before bidding to prevent non-serious bidders from disrupting your auctions.
Rich Vehicle Details
Display full vehicle galleries with lightbox viewing. Show all the details: year, make, model, mileage, transmission, engine, colors, VIN, and rich descriptions. Give bidders all the information they need to bid with confidence.
Auction Lifecycle
From Listing to Sold
Complete auction workflow from vehicle submission through final sale
Select a vehicle from your inventory, set the starting price, reserve price, and auction duration. Add rich descriptions and gallery images.
Schedule your auction for a future date or go live immediately. Your auction appears on your custom domain, fully branded.
Verified bidders place bids in real-time. Watch activity unfold with live updates, comments, and snipe protection keeping it fair.
Auction ends, winner is notified, and buyer's premium is charged automatically.
Everything You Need
Reserve Price
Set hidden reserve prices. Show "Reserve Met" badge when threshold is reached. Protect your minimum sale price.
Comments & Activity
Bidders can comment and ask questions. Activity timeline shows bids and comments in real-time.
View Analytics
Track auction views, bid counts, and engagement. Know which listings are getting attention.
Dark & Light Themes
Match your brand with customizable color schemes. Light mode, dark mode, and custom accent colors.
SEO Optimized
Full OpenGraph and Twitter cards for social sharing. Rich metadata drives traffic to your auctions.
Configurable Defaults
Set default auction duration, starting prices, and payment requirements. Streamline your listing process.
Start Running Auctions Today
Your brand. Your domain. Your auctions. No marketplace fees.
White-label platform on your custom domain
Keep 100% of your buyer's premium — no middleman fees
Real-time bidding with snipe protection
{"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/auction-os":{"_id":"ZmXEkccTsQFusXTSL","title":"AuctionOS","slug":"auction-os","folder":"product","page_type":"product","content_html":"\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-max-w-4xl tw-pocket-mx-auto tw-pocket-text-center\">\n \u003cdiv class=\"fade-in-up tw-pocket-flex tw-pocket-flex-col tw-pocket-items-center\">\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 AuctionOS\n \u003c/h1>\n \n \u003c!-- Subheading -->\n \u003cp class=\"tw-pocket-text-xl tw-pocket-md:text-2xl tw-pocket-text-neutral-600 tw-pocket-mb-6 tw-pocket-leading-relaxed\">\n Run your own vehicle auctions on your custom domain. Full white-label auction platform with real-time bidding.\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\">White-label auctions on your own domain\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\">Configurable buyer's premium & fees\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\">Real-time bidding with snipe protection\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-justify-center\">\n \u003ca href=\"#join-today\" class=\"tw-pocket-btn tw-pocket-btn-primary tw-pocket-px-6 tw-pocket-py-3\">\n Start Running Auctions\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 \u003c/div>\n \u003c/div>\n \u003c/header>\n\n \u003c!-- \"Why Pocket AuctionOS?\" 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 AuctionOS?\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 AuctionOS gives dealerships and collectors the power to run their own branded auctions — no marketplace fees, no competing listings, just your inventory on your domain with your rules.\n \u003c/p>\n \u003c/div>\n\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 Your Auctions, Your Brand, Your Rules\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: White-Label Domain -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-color: #f3f4f6;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(245, 158, 11, 0.2); color: #d97706;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\">\u003c/path>\n \u003c/svg>\n Custom Domain\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Your Domain, Your Brand\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Run auctions on your own custom domain with full white-label branding. Your logo, your colors, your voice — bidders see your brand, not ours. Match your site's look with dark or light themes and custom accent colors.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 2: Configurable Buyer's Premium -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-color: #f3f4f6;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(245, 158, 11, 0.2); color: #d97706;\">\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 Buyer's Premium\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Set Your Own Fees\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Configure your buyer's premium exactly how you want. Set a percentage of the final bid (e.g., 5%), plus minimum and maximum fee caps. Example: 5% with $250 min and $7,500 max — you control the economics.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 3: Live Real-Time Bidding -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-color: #f3f4f6;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(16, 185, 129, 0.2); color: #059669;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\">\u003c/path>\n \u003c/svg>\n Real-Time\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Live Bidding via WebSocket\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Bidders see updates instantly with real-time WebSocket connections. Current bid, bid count, time remaining — all update live without page refreshes. Creates exciting auction experiences that drive higher final bids.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 4: Snipe Protection -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-color: #f3f4f6;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(245, 158, 11, 0.2); color: #d97706;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\">\u003c/path>\n \u003c/svg>\n Anti-Snipe\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Snipe Protection\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Prevent last-second sniping with automatic time extensions. When a bid comes in during the final 2 minutes, the auction automatically extends — giving all bidders a fair chance. Configure the window and extension duration to your preference.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 5: Auto-Extension -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-color: #f3f4f6;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(245, 158, 11, 0.2); color: #d97706;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\">\u003c/path>\n \u003c/svg>\n Auto-Extend\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">No-Bid Auto-Extension\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Don't let auctions end without bids. Enable auto-extension to automatically extend auctions that receive no bids before ending. Set how many days to extend and the maximum number of extensions — keep your inventory live until it sells.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 6: Payment Processing -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-color: #f3f4f6;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(99, 102, 241, 0.2); color: #4f46e5;\">\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 Payments\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Payment Processing\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Collect buyer's premium, process payment holds, and manage transactions seamlessly through the platform. Full support for credit cards and ACH transfers.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 7: Phone-Based Authentication -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-color: #f3f4f6;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(245, 158, 11, 0.2); color: #d97706;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\">\u003c/path>\n \u003c/svg>\n Phone Auth\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Verified Bidders\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Bidders authenticate with their phone number via SMS verification. This ensures real, verified users are placing bids. Require payment method on file before bidding to prevent non-serious bidders from disrupting your auctions.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n\n \u003c!-- Card 8: Vehicle Gallery & Details -->\n \u003cdiv class=\"tw-pocket-feature-card\" style=\"background-color: #f3f4f6;\">\n \u003cdiv class=\"tw-pocket-feature-card-content\">\n \u003cdiv class=\"tw-pocket-product-badge tw-pocket-mb-4\" style=\"background: rgba(245, 158, 11, 0.2); color: #d97706;\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\">\u003c/path>\n \u003c/svg>\n Gallery\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-4xl tw-pocket-font-bold tw-pocket-mb-3\">Rich Vehicle Details\u003c/h3>\n \u003cp class=\"tw-pocket-text-lg tw-pocket-leading-relaxed\">\n Display full vehicle galleries with lightbox viewing. Show all the details: year, make, model, mileage, transmission, engine, colors, VIN, and rich descriptions. Give bidders all the information they need to bid with confidence.\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!-- Auction Phases Section -->\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-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-amber-500 tw-pocket-text-white tw-pocket-rounded-full tw-pocket-text-sm tw-pocket-font-bold tw-pocket-mb-6\">\n Auction Lifecycle\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 From Listing to Sold\n \u003c/h2>\n \u003cp class=\"tw-pocket-text-xl tw-pocket-text-neutral-600 tw-pocket-max-w-3xl tw-pocket-mx-auto\">\n Complete auction workflow from vehicle submission through final sale\n \u003c/p>\n \u003c/div>\n\n \u003c!-- Phases Grid -->\n \u003cdiv class=\"tw-pocket-grid tw-pocket-grid-cols-1 tw-pocket-md:grid-cols-2 tw-pocket-lg:grid-cols-4 tw-pocket-gap-6 fade-in-up\">\n \u003c!-- Phase 1: Create -->\n \u003cdiv class=\"tw-pocket-bg-white tw-pocket-rounded-2xl tw-pocket-p-6 tw-pocket-shadow-lg\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-mb-4\">\n \u003cdiv class=\"tw-pocket-w-10 tw-pocket-h-10 tw-pocket-bg-amber-500 tw-pocket-rounded-full tw-pocket-flex tw-pocket-items-center tw-pocket-justify-center tw-pocket-text-white tw-pocket-font-bold tw-pocket-mr-3\">1\u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold\">Create Auction\u003c/h3>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-neutral-600\">\n Select a vehicle from your inventory, set the starting price, reserve price, and auction duration. Add rich descriptions and gallery images.\n \u003c/p>\n \u003c/div>\n\n \u003c!-- Phase 2: Schedule -->\n \u003cdiv class=\"tw-pocket-bg-white tw-pocket-rounded-2xl tw-pocket-p-6 tw-pocket-shadow-lg\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-mb-4\">\n \u003cdiv class=\"tw-pocket-w-10 tw-pocket-h-10 tw-pocket-bg-amber-500 tw-pocket-rounded-full tw-pocket-flex tw-pocket-items-center tw-pocket-justify-center tw-pocket-text-white tw-pocket-font-bold tw-pocket-mr-3\">2\u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold\">Schedule & Go Live\u003c/h3>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-neutral-600\">\n Schedule your auction for a future date or go live immediately. Your auction appears on your custom domain, fully branded.\n \u003c/p>\n \u003c/div>\n\n \u003c!-- Phase 3: Bidding -->\n \u003cdiv class=\"tw-pocket-bg-white tw-pocket-rounded-2xl tw-pocket-p-6 tw-pocket-shadow-lg\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-mb-4\">\n \u003cdiv class=\"tw-pocket-w-10 tw-pocket-h-10 tw-pocket-bg-green-500 tw-pocket-rounded-full tw-pocket-flex tw-pocket-items-center tw-pocket-justify-center tw-pocket-text-white tw-pocket-font-bold tw-pocket-mr-3\">3\u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold\">Live Bidding\u003c/h3>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-neutral-600\">\n Verified bidders place bids in real-time. Watch activity unfold with live updates, comments, and snipe protection keeping it fair.\n \u003c/p>\n \u003c/div>\n\n \u003c!-- Phase 4: Sold -->\n \u003cdiv class=\"tw-pocket-bg-white tw-pocket-rounded-2xl tw-pocket-p-6 tw-pocket-shadow-lg\">\n \u003cdiv class=\"tw-pocket-flex tw-pocket-items-center tw-pocket-mb-4\">\n \u003cdiv class=\"tw-pocket-w-10 tw-pocket-h-10 tw-pocket-bg-amber-500 tw-pocket-rounded-full tw-pocket-flex tw-pocket-items-center tw-pocket-justify-center tw-pocket-text-white tw-pocket-font-bold tw-pocket-mr-3\">4\u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold\">Sold & Collect\u003c/h3>\n \u003c/div>\n \u003cp class=\"tw-pocket-text-neutral-600\">\n Auction ends, winner is notified, and buyer's premium is charged automatically.\n \u003c/p>\n \u003c/div>\n \u003c/div>\n \u003c/div>\n \u003c/section>\n\n \u003c!-- Key Features Grid -->\n \u003csection class=\"tw-pocket-py-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-text-center tw-pocket-mb-12 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 Everything You Need\n \u003c/h2>\n \u003c/div>\n\n \u003c!-- Features Grid -->\n \u003cdiv class=\"tw-pocket-grid tw-pocket-grid-cols-1 tw-pocket-md:grid-cols-2 tw-pocket-lg:grid-cols-3 tw-pocket-gap-8 fade-in-up\">\n \u003c!-- Feature 1 -->\n \u003cdiv class=\"tw-pocket-bg-gray-50 tw-pocket-rounded-2xl tw-pocket-p-6\">\n \u003cdiv class=\"tw-pocket-feature-icon\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\">\u003c/path>\n \u003c/svg>\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold tw-pocket-mb-2\">Reserve Price\u003c/h3>\n \u003cp class=\"tw-pocket-text-neutral-600\">Set hidden reserve prices. Show \"Reserve Met\" badge when threshold is reached. Protect your minimum sale price.\u003c/p>\n \u003c/div>\n\n \u003c!-- Feature 2 -->\n \u003cdiv class=\"tw-pocket-bg-gray-50 tw-pocket-rounded-2xl tw-pocket-p-6\">\n \u003cdiv class=\"tw-pocket-feature-icon\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\">\u003c/path>\n \u003c/svg>\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold tw-pocket-mb-2\">Comments & Activity\u003c/h3>\n \u003cp class=\"tw-pocket-text-neutral-600\">Bidders can comment and ask questions. Activity timeline shows bids and comments in real-time.\u003c/p>\n \u003c/div>\n\n \u003c!-- Feature 3 -->\n \u003cdiv class=\"tw-pocket-bg-gray-50 tw-pocket-rounded-2xl tw-pocket-p-6\">\n \u003cdiv class=\"tw-pocket-feature-icon\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\">\u003c/path>\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\">\u003c/path>\n \u003c/svg>\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold tw-pocket-mb-2\">View Analytics\u003c/h3>\n \u003cp class=\"tw-pocket-text-neutral-600\">Track auction views, bid counts, and engagement. Know which listings are getting attention.\u003c/p>\n \u003c/div>\n\n \u003c!-- Feature 4 -->\n \u003cdiv class=\"tw-pocket-bg-gray-50 tw-pocket-rounded-2xl tw-pocket-p-6\">\n \u003cdiv class=\"tw-pocket-feature-icon\">\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 \u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold tw-pocket-mb-2\">Dark & Light Themes\u003c/h3>\n \u003cp class=\"tw-pocket-text-neutral-600\">Match your brand with customizable color schemes. Light mode, dark mode, and custom accent colors.\u003c/p>\n \u003c/div>\n\n \u003c!-- Feature 5 -->\n \u003cdiv class=\"tw-pocket-bg-gray-50 tw-pocket-rounded-2xl tw-pocket-p-6\">\n \u003cdiv class=\"tw-pocket-feature-icon\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\">\u003c/path>\n \u003c/svg>\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold tw-pocket-mb-2\">SEO Optimized\u003c/h3>\n \u003cp class=\"tw-pocket-text-neutral-600\">Full OpenGraph and Twitter cards for social sharing. Rich metadata drives traffic to your auctions.\u003c/p>\n \u003c/div>\n\n \u003c!-- Feature 6 -->\n \u003cdiv class=\"tw-pocket-bg-gray-50 tw-pocket-rounded-2xl tw-pocket-p-6\">\n \u003cdiv class=\"tw-pocket-feature-icon\">\n \u003csvg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\">\u003c/path>\n \u003c/svg>\n \u003c/div>\n \u003ch3 class=\"tw-pocket-text-xl tw-pocket-font-bold tw-pocket-mb-2\">Configurable Defaults\u003c/h3>\n \u003cp class=\"tw-pocket-text-neutral-600\">Set default auction duration, starting prices, and payment requirements. Streamline your listing process.\u003c/p>\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 Start Running Auctions 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 Your brand. Your domain. Your auctions. No marketplace fees.\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-label platform on your custom domain\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\">Keep 100% of your buyer's premium — no middleman fees\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\">Real-time bidding with snipe protection\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\n \u003c/div>\n\n \u003c!-- JavaScript -->\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 \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-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 \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-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-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-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-pb-16 { padding-bottom: 4rem; }\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-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-12 { margin-bottom: 3rem; }\n .tw-pocket-mb-16 { margin-bottom: 4rem; }\n .tw-pocket-ml-2 { margin-left: 0.5rem; }\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 \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-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-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; }\n .tw-pocket-max-w-md { max-width: 28rem; }\n .tw-pocket-max-w-2xl { max-width: 42rem; }\n .tw-pocket-max-w-lg { max-width: 32rem; }\n .tw-pocket-min-h-681 { min-height: 481px; }\n .tw-pocket-h-full { height: 100%; }\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 \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 \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-500 { color: #ef4444; }\n .tw-pocket-text-green-500 { color: #10b981; }\n .tw-pocket-text-green-600 { color: #059669; }\n .tw-pocket-text-amber-500 { color: #f59e0b; }\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-amber-500 { background-color: #f59e0b; }\n .tw-pocket-bg-amber-600 { background-color: #d97706; }\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-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-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-60 { opacity: 0.6; }\n .tw-pocket-opacity-75 { opacity: 0.75; }\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-duration-300 { transition-duration: 300ms; }\n .tw-pocket-duration-500 { transition-duration: 500ms; }\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\\: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\\:px-8 { padding-left: 2rem; padding-right: 2rem; }\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\\:w-1\\/2 { width: 50%; }\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\\: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 \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 */\n .tw-pocket-font-sequel {\n font-family: 'Sequel Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n }\n \n /* Custom colors - Amber/Gold theme for Auctions */\n :root {\n --primary-amber: #f59e0b;\n --primary-amber-dark: #d97706;\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-amber); }\n .tw-pocket-text-primary { color: var(--primary-amber); }\n .tw-pocket-border-primary { border-color: var(--primary-amber); }\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 - Amber theme */\n .tw-pocket-hero-gradient {\n background: linear-gradient(to bottom, rgba(245, 158, 11, 0.15) 0%, rgba(245, 158, 11, 0.08) 25%, rgba(245, 158, 11, 0.04) 50%, rgba(245, 158, 11, 0.02) 75%, rgba(255, 255, 255, 0) 100%);\n }\n \n /* Modern button styles - Amber 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-amber);\n color: white;\n }\n \n .tw-pocket-btn-primary:hover {\n background: var(--primary-amber-dark);\n color: white;\n box-shadow: 0 8px 25px rgba(245, 158, 11, 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 */\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-amber);\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 /* Carousel styles */\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 .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 .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 { left: 1rem; }\n .tw-pocket-nav-arrow.right { right: 1rem; }\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 */\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 /* 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-no-repeat { background-repeat: no-repeat; }\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 /* Live badge pulse animation */\n @keyframes pulse-live {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n \n .tw-pocket-pulse-live {\n animation: pulse-live 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n }\n \n /* Feature card specific for dark background screenshots */\n .tw-pocket-feature-card-dark::before {\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0) 100%);\n }\n \n .tw-pocket-feature-card-dark .tw-pocket-feature-card-content {\n color: white;\n }\n \u003c/style>","meta_title":"AuctionOS - Online Vehicle Auctions | PocketOS","meta_description":"AuctionOS is the premier online vehicle auction platform. Run live auctions with real-time bidding.","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.403Z","date_updated":"2026-04-02T17:56:22.629Z"}}}}
