Description
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { –bg: #f5f6fa; –surface: #ffffff; –card: #ffffff; –border: #e2e4ed; –border2: #d0d4e4; –text: #1a1a2e; –body: #4a4a6a; –muted: #8888aa; –blue: #0072ff; –indigo: #6c3bff; –pink: #e8006a; –green: #00a550; –cyan: #0099cc; –shadow: 0 2px 12px rgba(0,0,0,0.07); –shadow-hover: 0 6px 24px rgba(0,0,0,0.12); } body { font-family: ‘Barlow’, sans-serif; background: var(–bg); color: var(–text); line-height: 1.6; -webkit-font-smoothing: antialiased; } /* ── HERO ── */ .hero { position: relative; background: linear-gradient(135deg, #e8f0ff 0%, #f0e8ff 40%, #ffe8f5 70%, #e8f5ff 100%); padding: 56px 20px 48px; text-align: center; overflow: hidden; border-bottom: 1px solid var(–border); } .hero::before { content: ”; position: absolute; inset: 0; background: radial-gradient(ellipse 55% 45% at 15% 55%, rgba(0,114,255,0.10) 0%, transparent 60%), radial-gradient(ellipse 45% 40% at 85% 35%, rgba(108,59,255,0.10) 0%, transparent 60%), radial-gradient(ellipse 40% 35% at 50% 100%, rgba(232,0,106,0.06) 0%, transparent 60%); pointer-events: none; } .hero-eyebrow { display: inline-block; font-family: ‘Barlow Condensed’, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: var(–blue); border: 1px solid rgba(0,114,255,0.25); padding: 5px 16px; border-radius: 20px; margin-bottom: 20px; background: rgba(0,114,255,0.07); } .hero h1 { font-family: ‘Barlow Condensed’, sans-serif; font-size: clamp(36px, 7vw, 72px); font-weight: 900; line-height: 1; letter-spacing: -1px; text-transform: uppercase; margin-bottom: 8px; } .hero h1 .brand { color: var(–blue); } .hero h1 .model { color: var(–text); } .hero-sub { font-family: ‘Barlow Condensed’, sans-serif; font-size: clamp(13px, 3vw, 18px); font-weight: 600; letter-spacing: 6px; text-transform: uppercase; color: var(–muted); margin-bottom: 30px; } /* Quick stats bar */ .hero-stats { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; position: relative; z-index: 1; } .hero-stat { background: rgba(255,255,255,0.75); border: 1px solid rgba(0,114,255,0.15); border-radius: 12px; padding: 13px 20px; text-align: center; min-width: 88px; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: border-color 0.3s, transform 0.2s, box-shadow 0.2s; } .hero-stat:hover { border-color: var(–blue); transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,114,255,0.12); } .hero-stat .val { font-family: ‘Barlow Condensed’, sans-serif; font-size: 24px; font-weight: 900; line-height: 1; color: var(–blue); display: block; } .hero-stat .lbl { font-size: 10px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(–muted); margin-top: 4px; display: block; } /* ── SECTIONS ── */ .section { max-width: 860px; margin: 0 auto; padding: 48px 20px; } .section + .section { border-top: 1px solid var(–border); } .section-tag { font-family: ‘Barlow Condensed’, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: var(–blue); margin-bottom: 10px; display: block; } .section-title { font-family: ‘Barlow Condensed’, sans-serif; font-size: clamp(26px, 5vw, 42px); font-weight: 800; text-transform: uppercase; line-height: 1.05; margin-bottom: 16px; letter-spacing: -0.5px; color: var(–text); } .section-body { font-size: 15px; color: var(–body); line-height: 1.75; max-width: 680px; } /* ── INTRO HIGHLIGHT ── */ .intro-highlight { background: linear-gradient(135deg, rgba(0,114,255,0.04), rgba(108,59,255,0.04)); border: 1px solid rgba(0,114,255,0.15); border-radius: 16px; padding: 26px 30px; margin-top: 24px; position: relative; overflow: hidden; } .intro-highlight::before { content: ”; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(–blue), var(–indigo), var(–pink)); border-radius: 16px 16px 0 0; } .intro-highlight p { font-size: 15px; color: var(–body); line-height: 1.75; } .intro-highlight strong { color: var(–text); } /* ── MODES ── */ .modes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; } @media (max-width: 600px) { .modes-grid { grid-template-columns: 1fr; } } .mode-card { border-radius: 14px; padding: 26px 20px; text-align: center; border: 1px solid var(–border); background: var(–surface); box-shadow: var(–shadow); transition: transform 0.2s, border-color 0.3s, box-shadow 0.2s; } .mode-card:hover { transform: translateY(-4px); box-shadow: var(–shadow-hover); } .mode-card.regular:hover { border-color: var(–blue); } .mode-card.pulse:hover { border-color: var(–indigo); } .mode-card.superpulse:hover { border-color: var(–pink); } .mode-badge { font-family: ‘Barlow Condensed’, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; display: inline-block; margin-bottom: 14px; } .regular .mode-badge { background: rgba(0,114,255,0.10); color: var(–blue); } .pulse .mode-badge { background: rgba(108,59,255,0.10); color: var(–indigo); } .superpulse .mode-badge { background: rgba(232,0,106,0.10); color: var(–pink); } .mode-puffs { font-family: ‘Barlow Condensed’, sans-serif; font-size: 54px; font-weight: 900; line-height: 1; margin-bottom: 4px; } .regular .mode-puffs { color: var(–blue); } .pulse .mode-puffs { color: var(–indigo); } .superpulse .mode-puffs { color: var(–pink); } .mode-unit { font-family: ‘Barlow Condensed’, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(–muted); margin-bottom: 12px; } .mode-desc { font-size: 13px; color: var(–body); line-height: 1.55; } /* ── FEATURES ── */ .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 28px; } @media (max-width: 500px) { .features-grid { grid-template-columns: 1fr; } } .feature-card { background: var(–surface); border: 1px solid var(–border); border-radius: 14px; padding: 22px 20px; display: flex; gap: 16px; align-items: flex-start; box-shadow: var(–shadow); transition: border-color 0.3s, transform 0.2s, box-shadow 0.2s; } .feature-card:hover { border-color: rgba(0,114,255,0.3); transform: translateY(-2px); box-shadow: var(–shadow-hover); } .feature-icon { font-size: 26px; flex-shrink: 0; margin-top: 2px; line-height: 1; } .feature-title { font-family: ‘Barlow Condensed’, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(–text); margin-bottom: 5px; } .feature-desc { font-size: 13px; color: var(–body); line-height: 1.55; } /* ── SPECS TABLE ── */ .specs-table { width: 100%; border-collapse: collapse; margin-top: 28px; font-size: 14px; background: var(–surface); border-radius: 14px; overflow: hidden; box-shadow: var(–shadow); border: 1px solid var(–border); } .specs-table tr { border-bottom: 1px solid var(–border); transition: background 0.15s; } .specs-table tr:last-child { border-bottom: none; } .specs-table tr:hover { background: rgba(0,114,255,0.03); } .specs-table td { padding: 14px 18px; vertical-align: top; } .specs-table td:first-child { font-family: ‘Barlow Condensed’, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(–muted); width: 42%; background: rgba(0,0,0,0.015); } .specs-table td:last-child { color: var(–text); font-weight: 500; } .spec-highlight { color: var(–blue) !important; font-weight: 700 !important; } /* ── BATTERY SPLIT ── */ .battery-split { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 28px; } @media (max-width: 500px) { .battery-split { grid-template-columns: 1fr; } } .battery-card { background: var(–surface); border: 1px solid var(–border); border-radius: 14px; padding: 24px 20px; text-align: center; box-shadow: var(–shadow); } .battery-card .bat-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(–muted); margin-bottom: 8px; } .battery-card .bat-val { font-family: ‘Barlow Condensed’, sans-serif; font-size: 36px; font-weight: 900; color: var(–blue); line-height: 1; } .battery-card .bat-unit { font-size: 13px; color: var(–body); margin-top: 4px; } .battery-total { border-color: rgba(0,114,255,0.25); background: linear-gradient(135deg, rgba(0,114,255,0.04), rgba(108,59,255,0.04)); } /* ── FLAVORS ── */ .flavors-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); gap: 10px; margin-top: 28px; } .flavor-pill { background: var(–surface); border: 1px solid var(–border); border-radius: 12px; padding: 14px 12px; text-align: center; font-size: 13px; font-weight: 500; color: var(–body); box-shadow: var(–shadow); transition: all 0.2s; cursor: default; line-height: 1.3; } .flavor-pill:hover { border-color: var(–blue); color: var(–blue); box-shadow: 0 4px 16px rgba(0,114,255,0.12); transform: translateY(-2px); } .flavor-pill .flavor-emoji { display: block; font-size: 22px; margin-bottom: 7px; } /* ── INBOX LIST ── */ .inbox-list { list-style: none; margin-top: 22px; display: flex; flex-direction: column; gap: 10px; } .inbox-list li { display: flex; align-items: center; gap: 14px; font-size: 14px; color: var(–body); background: var(–surface); border: 1px solid var(–border); border-radius: 10px; padding: 14px 18px; box-shadow: var(–shadow); } .inbox-list li::before { content: ‘✓’; font-weight: 700; color: var(–green); font-size: 11px; flex-shrink: 0; width: 22px; height: 22px; background: rgba(0,165,80,0.10); border-radius: 50%; display: flex; align-items: center; justify-content: center; } /* ── SHIPPING STRIP ── */ .shipping-strip { background: linear-gradient(135deg, rgba(0,114,255,0.04), rgba(108,59,255,0.04)); border: 1px solid rgba(0,114,255,0.15); border-radius: 16px; padding: 26px 22px; margin-top: 24px; } .shipping-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } @media (max-width: 550px) { .shipping-cols { grid-template-columns: 1fr; gap: 10px; } } .ship-item { text-align: center; padding: 18px 14px; background: var(–surface); border-radius: 12px; border: 1px solid var(–border); box-shadow: var(–shadow); transition: border-color 0.2s, transform 0.2s; } .ship-item:hover { border-color: var(–blue); transform: translateY(-2px); } .ship-item .ship-icon { font-size: 26px; margin-bottom: 10px; display: block; } .ship-item .ship-title { font-family: ‘Barlow Condensed’, sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(–text); margin-bottom: 5px; } .ship-item .ship-desc { font-size: 12px; color: var(–muted); line-height: 1.5; } /* ── WARNING ── */ .warning-block { background: #fff8f0; border: 1px solid rgba(220,100,0,0.2); border-left: 4px solid #e06000; border-radius: 10px; padding: 16px 20px; margin-top: 28px; font-size: 13px; color: #7a4010; line-height: 1.6; } .warning-block strong { color: #5a2e00; } /* ── PROMO BANNER ── */ .promo-banner { background: linear-gradient(135deg, #f0fff4, #e8ffee); border: 1px solid rgba(0,165,80,0.2); border-radius: 12px; padding: 14px 20px; margin-bottom: 32px; display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; color: #1a5a30; } .promo-banner span.bolt { font-size: 18px; } .promo-banner a { color: var(–green); text-decoration: none; font-weight: 700; } .promo-banner a:hover { text-decoration: underline; } /* ── DIVIDER ── */ .glow-divider { height: 1px; background: linear-gradient(90deg, transparent, var(–blue), var(–indigo), transparent); opacity: 0.15; } @media (max-width: 480px) { .hero-stats { gap: 8px; } .hero-stat { min-width: 72px; padding: 10px 12px; } .hero-stat .val { font-size: 20px; } .modes-grid { gap: 10px; } .mode-puffs { font-size: 42px; } } Geek Bar × Juicefly Clio Platinum 50,000 Puffs · Never Compromise 50K Max Puffs 3 Vape Modes 20mL E-Liquid 5% Nicotine 1400 mAh Battery 10 Flavors ⚡ Now available at Juicefly. Fast same-day dispatch on all vape orders. View all deals → Overview Geek Bar’s Most Advanced Kit Yet The Geek Bar Clio Platinum 50K isn’t your average disposable. It’s a modular magnetic kit engineered for vapers who refuse to settle, featuring three power modes, a 360° dual screen system, a transparent pod, and a 1400mAh fast-charging battery that goes from empty to 80% in just 30 minutes. Built around a reusable 900mAh charging device paired with a 500mAh transparent pre-filled pod, the Clio Platinum bridges the gap between high-puff disposable and smart pod system. When your pod runs out, just swap it for any Clio Series replacement pod. No need to replace the battery. It’s the smartest, most economical way to vape at this puff count. Performance Modes Three Modes. One Device.
Cycle through modes with a single button press and tailor every draw to your preference, from marathon longevity to maximum intensity. Regular Mode 50K
Puffs
Smooth, consistent draw optimized for maximum longevity. Perfect for all-day vaping sessions and extending your pod life. Pulse Mode 25K
Puffs
Enhanced flavor density with a stronger throat hit. The sweet spot between longevity and intensity for most vapers. Super Pulse 20K
Puffs
Maximum vapor production and full flavor intensity. Bold clouds, powerful hits with zero compromise on experience. Key Features Why Choose the Clio Platinum?
Every feature on this device was built with purpose: from the dual screen architecture to the modular pod system. 📺 360° Dual Screen System
Two screens running simultaneously , the main display shows battery, puff count, and mode selection with animated UI. The second screen wraps the pod for a complete visual dashboard. 🔍 Transparent E-Liquid Pod
The first Geek Bar with a fully transparent pod. See your e-liquid level at a glance from every angle. No more dry hits from running out unexpectedly. ⚡ 1400mAh Fast Charging
Combined 1400mAh battery (900mAh device + 500mAh pod) charges from 0 to 80% in just 30 minutes via USB-C. A lunch break is all you need for a full afternoon. 🔄 Modular Pod System
The charging device is fully reusable. Swap in any Clio Series replacement pod when it runs out, keeping costs down and your experience fresh. 🌬️ Adjustable Airflow Control
Dial in your perfect draw resistance: tight MTL or open DTL. A feature that separates devices built for experienced vapers from mass-market options. 🎯 Dual Mesh Coil Technology
Advanced dual mesh coils lock in bold, consistent flavor from the first puff to the last. No fade, no compromise on vapor quality throughout the pod’s life. Specifications Full Tech Specs Charging Device
900
mAh Battery Pod Battery
500
mAh Battery Total Combined Battery
1,400
mAh · Fast Charge to 80% in 30 mins Max Puff Count
50,000 (Regular) / 25,000 (Pulse) / 20,000 (Super Pulse) E-Liquid Capacity
20mL Pre-filled Nicotine Strength
5% (50mg) Nicotine Salt Coil Type
Dual Mesh Coil Vaping Modes
Regular · Pulse · Super Pulse Display
360° Dual Screen with Animated UI Pod Design
Transparent E-Liquid Viewing Window Airflow
Adjustable Airflow Control Charging Port
USB Type-C Fast Charging Activation
Draw-Activated Pod Compatibility
Compatible with All Clio Series Pods Technology
GPU Inside · VPU Inside Available Flavors 10 Premium Flavors
From deep berry blends to icy refreshment, every flavor is engineered to hold up in all three modes without going flat or turning harsh. 🍒Code Red
🍬Fcuking Fab
🫐Triple Berry Ice
💙Blue Razz Ice
🍑Peach Slush
🍓Strawberry B-Burst
🍉Sour Watermelon Drop
🐉Dragonfruit Lemonade
🍑White Peach Raspberry
🌿Cool Mint In The Box What’s Included 1× Geek Bar Clio Platinum Reusable Charging Device (900mAh)
1× Pre-filled Clio Transparent Pod (500mAh, 20mL, 5% Nicotine)
1× USB Type-C Fast Charging Cable
User Manual & Safety Information Delivery Juicefly Shipping At Juicefly, orders placed before 4 PM PST are dispatched the same day. West Coast orders typically arrive in 1–3 business days; nationwide delivery takes 3–5 days. All vape orders require an adult signature (21+) at delivery. 🚀 Same Day Dispatch
Order before 4 PM PST 📦 Fast Delivery
West Coast: 1–3 days Nationwide: 3–5 days 🛡️ Package Protection
Optional coverage for loss, theft & damage ⚠️ WARNING: This product contains nicotine. Nicotine is an addictive chemical. For adult use only (21+). Not intended for use by minors, pregnant or lactating women. Keep out of reach of children. California Prop 65: This product contains nicotine, a chemical known to the State of California to cause birth defects or other reproductive harm.
