/* ========================================
 * Utility Classes
 * Extracted from inline styles to eliminate style-src 'unsafe-inline' in CSP.
 * Generated 2026-03-31
 * ======================================== */

.text-gradient-gold { background: linear-gradient(135deg, #ffffff, #FFD700); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: none !important; }
.text-gradient-gold-plain { background: linear-gradient(135deg, #ffffff, #FFD700); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.text-gradient-gold-cyan { background: linear-gradient(135deg, #FFD700, #00FFFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.text-gradient-white-yellow { background: linear-gradient(135deg, #ffffff, #FFFF00); -webkit-background-clip: text; background-clip: text; }
.text-green { color: #39ff14; }
.text-red { color: #ff3d00; }
.card-inner-center { background: #000; border-radius: inherit; padding: 2rem; margin: 1px; position: relative; z-index: 2; text-align: center; height: calc(100% - 2px); }
.stat-number { font-size: 2rem; margin-bottom: 0.8rem; }
.card-title-cyan { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: #00ffff; margin-bottom: 0.6rem; }
.text-muted-sm { color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.5; }
.opacity-zero { opacity: 0; }
.label-white { color: #fff; font-weight: 600; margin-bottom: 0.2rem; }
.text-faint-xs { color: rgba(255,255,255,0.5); font-size: 0.85rem; }
.price-value { color: #ff6600; font-family: 'Orbitron', sans-serif; font-size: 1.2rem; font-weight: 700; white-space: nowrap; margin-left: 2rem; }
.price-period { font-size: 0.75rem; color: rgba(255,102,0,0.7); }
.card-footer-muted { color: rgba(255,255,255,0.5); font-style: italic; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 0.8rem; margin-top: 0.5rem; }
.flex-between { display: flex; justify-content: space-between; }
.price-value-sm { color: #ff6600; font-weight: 600; white-space: nowrap; margin-left: 1rem; }
.u-text-center { text-align: center; }
.card-label-cyan { font-family: 'Orbitron', sans-serif; font-size: 0.85rem; color: #00ffff; margin-bottom: 0.5rem; }
.text-soft-xs { color: rgba(255,255,255,0.75); font-size: 0.85rem; line-height: 1.5; }
.u-mb-1 { margin-bottom: 1rem; }
.flex-row-divider { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.2rem; border-bottom: 1px solid rgba(255,255,255,0.08); }
.section-pad-6 { padding: 6rem 0; }
.u-mb-2-5 { margin-bottom: 2.5rem; }
.glow-green { --glow-color: #39ff14; }
.card-inner { background: #000; border-radius: inherit; padding: 2rem; margin: 1px; position: relative; z-index: 2; }
.feature-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.8rem; font-size: 0.95rem; color: rgba(255,255,255,0.85); }
.glow-cyan { --glow-color: #00ffff; }
.bg-team-1 { background-image: url('images/team-1.png'); }
.bg-team-2 { background-image: url('images/team-2.png'); }
.bg-team-3 { background-image: url('images/team-3.png'); }
.bg-logo-openai { background-image: url('images/openai-logo.svg'); }
.bg-logo-anthropic { background-image: url('images/anthropic-logo.svg'); }
.bg-logo-make { background-image: url('images/make-logo.svg'); }
.bg-logo-11labs { background-image: url('images/11labs-logo.svg'); }
.bg-logo-airtable { background-image: url('images/airtable-logo.svg'); }
.bg-logo-retell { background-image: url('images/retell-logo.svg'); }
.bg-logo-gemini { background-image: url('images/gemini-logo.svg'); }
.bg-logo-gemini-alt { background-image: url('images/Google-Gemini--Streamline-Svg-Logos.svg'); }
.bg-logo-grok { background-image: url('images/grok-ai-logo_svgstack_com_37221772067890.svg'); }
.bg-logo-hf { background-image: url('images/hf-logo.svg'); }
.bg-logo-mongodb { background-image: url('images/mongodb-logo.svg'); }
.bg-logo-azure { background-image: url('images/azure-logo.svg'); }
.bg-logo-supabase { background-image: url('images/supabase-logo.svg'); }
.bg-logo-nocodb { background-image: url('images/nocodb-logo.svg'); }
.bg-logo-copilot { background-image: url('images/copilot-logo.svg'); }
.bg-logo-hostinger { background-image: url('images/hostinger-logo.svg'); }
.bg-logo-pinecone { background-image: url('images/pinecone-logo.svg'); }
.bg-logo-ghl { background-image: url('images/GoHighlevel.jpg'); }
.bg-logo-cursor { background-image: url('images/cursor.png'); }
.bg-logo-lovable { background-image: url('images/lovable.png'); }
.bg-logo-vapi { background-image: url('images/vapi-logo.png'); }
.bg-logo-n8n { background-image: url('images/n8n-logo.png'); }
.bg-logo-github { background-image: url('images/GitHub-logo.png'); }
.bg-logo-elevenlabs { background-image: url('images/elevenLabs.png'); }
.bg-logo-google { background-image: url('images/google-logo.png'); }
.bg-logo-antigravity { background-image: url('images/antigravity-logo.png'); }
.section-fade-edges { background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.15) 3%, rgba(0,0,0,0.4) 6%, rgba(0,0,0,0.7) 10%, #000000 16%, #000000 84%, rgba(0,0,0,0.7) 90%, rgba(0,0,0,0.4) 94%, rgba(0,0,0,0.15) 97%, transparent 100%); width: 100%; position: relative; z-index: 1; padding-top: 6rem; }
.hero-flex-center { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; padding-top: 8rem; padding-bottom: 4rem; }
.u-full-width { width: 100%; }
.u-ml-5 { margin-left: 5rem; }
.section-pad-hero { padding-top: 10rem; padding-bottom: 4rem; }
.text-cyan-solid { color: #00FFFF; -webkit-text-fill-color: #00FFFF; text-shadow: none !important; }
.section-pad-5 { padding: 5rem 0; }
.section-subtitle { text-align: center; color: rgba(255,255,255,0.9); font-size: 1.05rem; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; text-shadow: 0 2px 10px rgba(0,0,0,1), 0 4px 20px rgba(0,0,0,0.9); position: relative; z-index: 2; }
.card-max-orange { max-width: 700px; margin: 0 auto; --glow-color: #ff6600; }
.card-inner-lg { background: #000; border-radius: inherit; padding: 2.5rem; margin: 1px; position: relative; z-index: 2; }
.card-heading-orange { font-family: 'Orbitron', sans-serif; font-size: 1.1rem; color: #ff6600; margin-bottom: 1.8rem; text-transform: uppercase; letter-spacing: 0.05em; }
.flex-col-gap-lg { display: flex; flex-direction: column; gap: 1.2rem; }
.flex-row-divider-lg { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.08); }
.flex-row-total { display: flex; justify-content: space-between; align-items: center; padding-top: 0.3rem; }
.label-orbitron-white { color: #fff; font-family: 'Orbitron', sans-serif; font-size: 1rem; font-weight: 700; }
.price-total-gold { color: #FFD700; font-family: 'Orbitron', sans-serif; font-size: 1.6rem; font-weight: 700; white-space: nowrap; margin-left: 2rem; }
.price-period-gold { font-size: 0.9rem; color: rgba(255,215,0,0.7); }
.card-note-muted { color: rgba(255,255,255,0.5); font-size: 0.85rem; margin-top: 1.8rem; text-align: center; }
.u-text-center-mt { text-align: center; margin-top: 1.5rem; }
.u-text-sm { font-size: 0.9rem; }
.grid-2col-900 { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; max-width: 900px; margin: 0 auto; }
.card-title-green { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: #39ff14; margin-bottom: 1.2rem; }
.glow-red { --glow-color: #ff3d00; }
.card-title-red { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: #ff3d00; margin-bottom: 1.2rem; }
.u-mb-1-5 { margin-bottom: 1.5rem; }
.text-faint-xs-0m { color: rgba(255,255,255,0.65); font-size: 0.85rem; margin: 0; }
.overlay-badge { position: relative; z-index: 2; padding: 1.5rem 2rem; margin-bottom: 1.5rem; background: none; border-radius: 12px; }
.overlay-text { color: rgba(255,255,255,0.9); font-size: 1rem; text-align: center; margin-bottom: 1.5rem; text-shadow: 0 2px 10px rgba(0,0,0,1), 0 4px 20px rgba(0,0,0,0.9), 0 8px 40px rgba(0,0,0,0.8); position: relative; z-index: 2; }
.divider-teal { width: 80px; height: 2px; background: linear-gradient(90deg, #14B8A6, #00ffff); margin: 0 auto; border-radius: 2px; }
.container-1100 { max-width: 1100px; margin: 0 auto; }
.grid-2col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.glow-pink { --glow-color: #ff00aa; }
.glow-gold { --glow-color: #FFD700; }
.section-content-pad { padding: 4rem 2rem 10rem; max-width: 700px; margin: 0 auto; position: relative; z-index: 1; }
.glow-gold-card { --glow-color: #FFD700; margin-bottom: 0; border-radius: 12px; }
.glass-card { position: relative; z-index: 2; background: rgba(0, 0, 0, 0.9); border: 0.5px solid rgba(255,255,255,0.15); border-radius: inherit; margin: 1px; padding: 2.5rem; text-align: center; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.stars-display { font-size: 1.8rem; margin-bottom: 0.5rem; color: #FFD700; letter-spacing: 0.5rem; }
.testimonial-text { font-size: 1.1rem; color: rgba(255,255,255,0.9); font-style: italic; line-height: 1.7; margin-bottom: 1rem; }
.label-teal-sm { font-family: 'Orbitron', sans-serif; font-size: 0.85rem; color: #14B8A6; }
.testimonial-role { font-size: 0.8rem; color: rgba(255,255,255,0.65); margin-top: 0.3rem; }
.u-relative { position: relative; }
.img-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.3) 70%, transparent 100%); z-index: 0; pointer-events: none; }
.u-relative-z1 { position: relative; z-index: 1; }
.detail-list { list-style: none; padding: 0; margin: 0.8rem 0 0; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.85rem; color: rgba(255,255,255,0.75); }
.flex-subtotal { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.15); padding-top: 0.5rem; margin-top: 0.2rem; }
.label-bold-white { font-weight: 700; color: #fff; }
.price-gold-sm { color: #FFD700; font-weight: 700; white-space: nowrap; margin-left: 1rem; }
.u-pt-1 { padding-top: 1rem; }
.grid-2col-700 { max-width: 700px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.label-teal-xs { font-family: 'Orbitron', sans-serif; font-size: 0.8rem; color: #14B8A6; letter-spacing: 2px; margin-bottom: 1rem; }
.plain-list { list-style: none; padding: 0; color: rgba(255,255,255,0.8); font-size: 0.9rem; line-height: 2; }
.label-dim-xs { font-family: 'Orbitron', sans-serif; font-size: 0.8rem; color: rgba(255,255,255,0.4); letter-spacing: 2px; margin-bottom: 1rem; }
.plain-list-dim { list-style: none; padding: 0; color: rgba(255,255,255,0.45); font-size: 0.9rem; line-height: 2; }
.u-py-1 { padding-top: 1rem; padding-bottom: 1rem; }
.u-text-xl { font-size: 1.4rem; }
.grid-3col-800 { max-width: 800px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.glow-purple { --glow-color: #e040fb; }
.glow-lime { --glow-color: #76ff03; }
.u-pt-1-pb-2 { padding-top: 1rem; padding-bottom: 2rem; }
.container-600-center { max-width: 600px; margin: 0 auto; text-align: center; }
.label-teal-xxs { font-family: 'Orbitron', sans-serif; font-size: 0.7rem; color: #14B8A6; letter-spacing: 2px; margin-bottom: 1rem; }
.text-soft-md { color: rgba(255,255,255,0.8); font-size: 0.95rem; line-height: 1.7; margin-bottom: 0.5rem; }
.text-white { color: #ffffff; }
.text-dim-sm { color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.7; }
.u-mb-1-2 { margin-bottom: 1.2rem; }
.text-muted { color: rgba(255,255,255,0.7); }
.voc-subtext { max-width: 600px; margin: 0 auto 1.5rem; }