/**
 * WESTELECOM Business Center - Cyberpunk Theme
 * "Digital Nerve of Business"
 * Version: 1.0
 */

/* ============================================== */
/* CSS VARIABLES                                   */
/* ============================================== */
:root {
    --bc-bg-dark: #0a0f1a;
    --bc-bg-card: rgba(13, 21, 37, 0.85);
    --bc-neon-orange: #ff6b35;
    --bc-cyan-ice: #00f3ff;
    --bc-neon-green: #00ff88;
    --bc-text-primary: #ffffff;
    --bc-text-secondary: rgba(255, 255, 255, 0.7);
    --bc-text-muted: rgba(255, 255, 255, 0.5);
    --bc-border-glow: rgba(0, 243, 255, 0.3);
    --bc-font-display: "Rajdhani", "Orbitron", sans-serif;
    --bc-font-mono: "JetBrains Mono", "Fira Code", monospace;
}

/* ============================================== */
/* BASE STYLES                                     */
/* ============================================== */
.bc-landing.cyberpunk {
    background: var(--bc-bg-dark);
    color: var(--bc-text-primary);
    font-family: "Inter", -apple-system, sans-serif;
}

/* ============================================== */
/* SCANLINE EFFECT (Background)                    */
/* ============================================== */
.bc-landing.cyberpunk::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(0, 243, 255, 0.03) 2px,
            rgba(0, 243, 255, 0.03) 4px
        );
    pointer-events: none;
    z-index: 1;
}

.bc-landing.cyberpunk > * {
    position: relative;
    z-index: 2;
}

/* ============================================== */
/* HERO SECTION                                    */
/* ============================================== */
.bc-landing.cyberpunk .bc-hero {
    background: linear-gradient(135deg, #0a0f1a 0%, #0d1525 50%, #0f1a2e 100%);
    min-height: 700px;
    position: relative;
    overflow: hidden;
}

.bc-landing.cyberpunk .bc-hero::before {
    opacity: 0.1;
    filter: saturate(0.3) brightness(0.5);
}

/* Hero Badge */
.bc-landing.cyberpunk .bc-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 243, 255, 0.1);
    border: 1px solid rgba(0, 243, 255, 0.3);
    padding: 8px 16px;
    border-radius: 4px;
    font-family: var(--bc-font-mono);
    font-size: 12px;
    color: var(--bc-cyan-ice);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.bc-landing.cyberpunk .bc-hero-badge::before {
    content: ">";
    color: var(--bc-neon-green);
}

/* Hero Title - System Ready Style */
.bc-landing.cyberpunk .bc-hero h1 {
    font-family: var(--bc-font-display);
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-shadow: 
        0 0 10px rgba(0, 243, 255, 0.5),
        0 0 20px rgba(0, 243, 255, 0.3);
}

/* Hero Subtitle */
.bc-landing.cyberpunk .bc-hero-subtitle {
    font-size: 1.2rem;
    color: var(--bc-text-secondary);
    max-width: 500px;
    margin-bottom: 30px;
}

/* Hero Features */
.bc-landing.cyberpunk .bc-hero-features {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

.bc-landing.cyberpunk .bc-hero-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: rgba(0, 243, 255, 0.05);
    border: 1px solid rgba(0, 243, 255, 0.2);
    border-radius: 8px;
    font-family: var(--bc-font-mono);
    font-size: 14px;
}

.bc-landing.cyberpunk .bc-hero-feature svg {
    width: 24px;
    height: 24px;
    stroke: var(--bc-cyan-ice);
    fill: none;
    filter: drop-shadow(0 0 4px var(--bc-cyan-ice));
}

/* ============================================== */
/* LEAD FORM - GLASSMORPHISM                       */
/* ============================================== */
.bc-landing.cyberpunk .bc-lead-form {
    background: rgba(13, 21, 37, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 243, 255, 0.2);
    border-radius: 16px;
    padding: 32px;
    position: relative;
    overflow: hidden;
}

.bc-landing.cyberpunk .bc-lead-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--bc-cyan-ice), transparent);
}

.bc-landing.cyberpunk .bc-lead-form h3 {
    font-family: var(--bc-font-display);
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    color: var(--bc-text-primary);
}

.bc-landing.cyberpunk .bc-lead-form-subtitle {
    color: var(--bc-text-muted);
    font-size: 14px;
    margin-bottom: 20px;
}

.bc-landing.cyberpunk .bc-form-input {
    width: 100%;
    padding: 14px 16px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 243, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .bc-form-input:focus {
    outline: none;
    border-color: var(--bc-cyan-ice);
    box-shadow: 0 0 15px rgba(0, 243, 255, 0.3);
}

.bc-landing.cyberpunk .bc-form-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.bc-landing.cyberpunk .bc-form-label {
    display: block;
    font-size: 13px;
    color: var(--bc-text-muted);
    margin-bottom: 6px;
    font-family: var(--bc-font-mono);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ============================================== */
/* GLITCH BUTTON                                   */
/* ============================================== */
.bc-landing.cyberpunk .bc-form-submit,
.bc-landing.cyberpunk .bc-btn-primary {
    width: 100%;
    padding: 16px 24px;
    background: linear-gradient(135deg, var(--bc-neon-orange) 0%, #ff8c42 100%);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .bc-form-submit:hover,
.bc-landing.cyberpunk .bc-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 10px 40px rgba(255, 107, 53, 0.4),
        0 0 20px rgba(255, 107, 53, 0.3);
}

/* Glitch Effect on Hover */
.bc-landing.cyberpunk .bc-form-submit:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    animation: glitchSlide 0.5s ease;
}

@keyframes glitchSlide {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* ============================================== */
/* TARIFF CARDS - TERMINAL STYLE                   */
/* ============================================== */
.bc-landing.cyberpunk .bc-tariffs {
    background: var(--bc-bg-dark);
    padding: 80px 0;
}

.bc-landing.cyberpunk .bc-tariffs h2 {
    font-family: var(--bc-font-display);
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 60px;
    font-size: 2rem;
}

.bc-landing.cyberpunk .bc-tariffs h2::before {
    content: "> SELECT_BANDWIDTH: ";
    color: var(--bc-cyan-ice);
    font-family: var(--bc-font-mono);
    font-size: 0.6em;
}

.bc-landing.cyberpunk .bc-tariff-card {
    background: var(--bc-bg-card);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 243, 255, 0.2);
    border-radius: 12px;
    padding: 32px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* Neon Border Animation on Hover */
.bc-landing.cyberpunk .bc-tariff-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(45deg, transparent, var(--bc-cyan-ice), transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bc-landing.cyberpunk .bc-tariff-card:hover::before {
    opacity: 1;
    animation: neonPulse 2s ease-in-out infinite;
}

@keyframes neonPulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

.bc-landing.cyberpunk .bc-tariff-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(0, 243, 255, 0.2);
}

/* Recommended Card */
.bc-landing.cyberpunk .bc-tariff-card.recommended {
    border-color: var(--bc-neon-orange);
    transform: scale(1.05);
}

.bc-landing.cyberpunk .bc-tariff-card.recommended::after {
    content: "RECOMMENDED";
    position: absolute;
    top: 20px;
    right: -30px;
    background: var(--bc-neon-orange);
    color: #fff;
    padding: 6px 40px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    transform: rotate(45deg);
}

/* Tariff Name */
.bc-landing.cyberpunk .bc-tariff-name {
    font-family: var(--bc-font-mono);
    font-size: 14px;
    color: var(--bc-cyan-ice);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 16px;
}

/* Tariff Speed - HUD Style */
.bc-landing.cyberpunk .bc-tariff-speed {
    font-family: var(--bc-font-display);
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--bc-text-primary);
    line-height: 1;
    margin-bottom: 8px;
    position: relative;
    display: inline-block;
}

/* HUD Brackets */
.bc-landing.cyberpunk .bc-tariff-speed::before,
.bc-landing.cyberpunk .bc-tariff-speed::after {
    position: absolute;
    font-family: var(--bc-font-mono);
    font-size: 1rem;
    color: var(--bc-cyan-ice);
    opacity: 0.5;
}

.bc-landing.cyberpunk .bc-tariff-speed::before {
    content: "[";
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.bc-landing.cyberpunk .bc-tariff-speed::after {
    content: "]";
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

/* Tariff Price */
.bc-landing.cyberpunk .bc-tariff-price {
    font-family: var(--bc-font-mono);
    font-size: 1.5rem;
    color: var(--bc-neon-green);
    margin-bottom: 20px;
}

.bc-landing.cyberpunk .bc-tariff-price span {
    font-size: 0.8rem;
    color: var(--bc-text-muted);
}

/* ============================================== */
/* ADVANTAGES - SVG ICONS + NEON GLOW              */
/* ============================================== */
.bc-landing.cyberpunk .bc-sla {
    background: linear-gradient(180deg, var(--bc-bg-dark) 0%, #0d1525 100%);
    padding: 80px 0;
}

.bc-landing.cyberpunk .bc-sla h2 {
    font-family: var(--bc-font-display);
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 60px;
}

.bc-landing.cyberpunk .bc-sla-item {
    text-align: center;
    padding: 30px 20px;
    background: rgba(0, 243, 255, 0.03);
    border: 1px solid rgba(0, 243, 255, 0.1);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .bc-sla-item:hover {
    background: rgba(0, 243, 255, 0.08);
    border-color: rgba(0, 243, 255, 0.3);
    transform: translateY(-5px);
}

.bc-landing.cyberpunk .bc-sla-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
}

.bc-landing.cyberpunk .bc-sla-icon svg {
    width: 100%;
    height: 100%;
    stroke: var(--bc-cyan-ice);
    stroke-width: 1.5;
    fill: none;
    filter: drop-shadow(0 0 8px var(--bc-cyan-ice));
}

.bc-landing.cyberpunk .bc-sla-value {
    font-family: var(--bc-font-display);
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--bc-text-primary);
    margin-bottom: 8px;
}

.bc-landing.cyberpunk .bc-sla-label {
    font-size: 14px;
    color: var(--bc-text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ============================================== */
/* CLIENT LOGOS - MONO TO COLOR                    */
/* ============================================== */
.bc-landing.cyberpunk .b2b-clients-section {
    background: var(--bc-bg-dark);
    padding: 60px 0;
}

.bc-landing.cyberpunk .client-logo {
    filter: grayscale(100%) brightness(0.7);
    opacity: 0.5;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .client-logo:hover {
    filter: grayscale(0%) brightness(1);
    opacity: 1;
}

/* ============================================== */
/* DATA FLOW ANIMATION                             */
/* ============================================== */
@keyframes dataFlow {
    0% {
        stroke-dashoffset: 100;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        stroke-dashoffset: 0;
        opacity: 0;
    }
}

.bc-data-flow-line {
    stroke: var(--bc-cyan-ice);
    stroke-width: 2;
    stroke-dasharray: 10, 5;
    fill: none;
    animation: dataFlow 3s linear infinite;
}

/* ============================================== */
/* COUNTUP ANIMATION                               */
/* ============================================== */
.bc-countup {
    font-family: var(--bc-font-mono);
}

/* ============================================== */
/* RESPONSIVE                                      */
/* ============================================== */
@media (max-width: 768px) {
    .bc-landing.cyberpunk .bc-hero h1 {
        font-size: 2rem;
    }
    
    .bc-landing.cyberpunk .bc-hero-features {
        flex-direction: column;
        gap: 15px;
    }
    
    .bc-landing.cyberpunk .bc-tariff-card.recommended {
        transform: scale(1);
    }
}

/* ============================================== */
/* BRIGHTER TEXT + GLOW EFFECT                     */
/* ============================================== */

/* All text in cyberpunk mode - brighter */
.bc-landing.cyberpunk {
    color: #f0f4f8;
}

.bc-landing.cyberpunk p,
.bc-landing.cyberpunk span,
.bc-landing.cyberpunk label,
.bc-landing.cyberpunk li {
    color: rgba(255, 255, 255, 0.9);
}

/* Small text - extra glow */
.bc-landing.cyberpunk .bc-form-label,
.bc-landing.cyberpunk .bc-hero-badge,
.bc-landing.cyberpunk .bc-lead-form-subtitle,
.bc-landing.cyberpunk small,
.bc-landing.cyberpunk .bc-form-gift-text {
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 0 10px rgba(0, 243, 255, 0.3);
}

/* Form labels - cyan glow */
.bc-landing.cyberpunk .bc-form-label {
    color: var(--bc-cyan-ice);
    text-shadow: 0 0 8px rgba(0, 243, 255, 0.4);
    font-size: 12px;
    font-weight: 500;
}

/* Gift block */
.bc-landing.cyberpunk .bc-form-gift {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 8px;
    margin-bottom: 20px;
}

.bc-landing.cyberpunk .bc-form-gift-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bc-landing.cyberpunk .bc-form-gift-icon svg {
    stroke: var(--bc-neon-green);
    filter: drop-shadow(0 0 6px var(--bc-neon-green));
}

.bc-landing.cyberpunk .bc-form-gift-text {
    color: var(--bc-neon-green);
    font-weight: 600;
    text-shadow: 0 0 8px rgba(0, 255, 136, 0.4);
}

/* Hero features text */
.bc-landing.cyberpunk .bc-hero-feature {
    color: #fff;
    font-weight: 500;
}

/* Hero subtitle */
.bc-landing.cyberpunk .bc-hero-subtitle {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.1rem;
    line-height: 1.7;
}

/* Lead form title */
.bc-landing.cyberpunk .bc-lead-form h3 {
    color: #fff;
    text-shadow: 0 0 15px rgba(0, 243, 255, 0.3);
}

/* Input placeholders */
.bc-landing.cyberpunk .bc-form-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.bc-landing.cyberpunk .bc-form-input {
    color: #fff;
}

/* Select styling */
.bc-landing.cyberpunk .bc-form-select {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
}

.bc-landing.cyberpunk .bc-form-select option {
    background: #0d1525;
    color: #fff;
}

/* ============================================== */
/* TARIFF CARDS - TERMINAL STYLE (IMPROVED)        */
/* ============================================== */

.bc-landing.cyberpunk .bc-tariffs {
    background: linear-gradient(180deg, var(--bc-bg-dark) 0%, #0d1525 100%);
    padding: 100px 0;
}

.bc-landing.cyberpunk .bc-section-title {
    font-family: var(--bc-font-display);
    font-size: 2.5rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 16px;
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 243, 255, 0.4);
}

.bc-landing.cyberpunk .bc-section-title::before {
    content: "> ";
    color: var(--bc-cyan-ice);
    font-family: var(--bc-font-mono);
}

.bc-landing.cyberpunk .bc-section-subtitle {
    text-align: center;
    color: var(--bc-text-secondary);
    font-size: 1.1rem;
    margin-bottom: 60px;
}

.bc-landing.cyberpunk .bc-tariffs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Card Base */
.bc-landing.cyberpunk .bc-tariff-card {
    background: linear-gradient(145deg, rgba(13, 21, 37, 0.9) 0%, rgba(10, 15, 26, 0.95) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 243, 255, 0.15);
    border-radius: 16px;
    padding: 40px 32px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Terminal Header Effect */
.bc-landing.cyberpunk .bc-tariff-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--bc-cyan-ice) 20%, 
        var(--bc-cyan-ice) 80%, 
        transparent 100%);
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.bc-landing.cyberpunk .bc-tariff-card:hover::before {
    opacity: 1;
}

.bc-landing.cyberpunk .bc-tariff-card:hover {
    transform: translateY(-10px);
    border-color: var(--bc-cyan-ice);
    box-shadow: 
        0 20px 60px rgba(0, 243, 255, 0.15),
        0 0 30px rgba(0, 243, 255, 0.1);
}

/* Popular Card */
.bc-landing.cyberpunk .bc-tariff-card.popular {
    border-color: var(--bc-neon-orange);
    transform: scale(1.03);
}

.bc-landing.cyberpunk .bc-tariff-card.popular::before {
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--bc-neon-orange) 20%, 
        var(--bc-neon-orange) 80%, 
        transparent 100%);
    opacity: 1;
}

.bc-landing.cyberpunk .bc-tariff-card.popular:hover {
    border-color: var(--bc-neon-orange);
    box-shadow: 
        0 20px 60px rgba(255, 107, 53, 0.2),
        0 0 40px rgba(255, 107, 53, 0.15);
}

/* Popular Badge */
.bc-landing.cyberpunk .bc-tariff-popular-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--bc-neon-orange);
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Tariff Name - Terminal Style */
.bc-landing.cyberpunk .bc-tariff-name {
    font-family: var(--bc-font-mono);
    font-size: 13px;
    color: var(--bc-cyan-ice);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.bc-landing.cyberpunk .bc-tariff-name::before {
    content: "◆";
    font-size: 8px;
}

/* Speed - HUD Display */
.bc-landing.cyberpunk .bc-tariff-speed {
    font-family: var(--bc-font-display);
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    margin-bottom: 8px;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
}

.bc-landing.cyberpunk .bc-tariff-speed span {
    font-size: 1.2rem;
    color: var(--bc-text-muted);
    font-weight: 400;
    margin-left: 8px;
}

/* Price */
.bc-landing.cyberpunk .bc-tariff-price {
    font-family: var(--bc-font-mono);
    font-size: 1rem;
    color: var(--bc-neon-green);
    margin-bottom: 30px;
}

.bc-landing.cyberpunk .bc-tariff-price strong {
    font-size: 1.8rem;
    font-weight: 700;
}

/* Features List */
.bc-landing.cyberpunk .bc-tariff-features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.bc-landing.cyberpunk .bc-tariff-features li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--bc-text-secondary);
    font-size: 14px;
}

.bc-landing.cyberpunk .bc-tariff-features li:last-child {
    border-bottom: none;
}

.bc-landing.cyberpunk .bc-tariff-features svg {
    width: 18px;
    height: 18px;
    stroke: var(--bc-neon-green);
    flex-shrink: 0;
    filter: drop-shadow(0 0 4px var(--bc-neon-green));
}

/* Buttons */
.bc-landing.cyberpunk .bc-tariff-btn {
    width: 100%;
    padding: 16px 24px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .bc-tariff-btn-secondary {
    background: transparent;
    border: 1px solid var(--bc-cyan-ice);
    color: var(--bc-cyan-ice);
}

.bc-landing.cyberpunk .bc-tariff-btn-secondary:hover {
    background: rgba(0, 243, 255, 0.1);
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.3);
}

.bc-landing.cyberpunk .bc-tariff-btn-primary {
    background: linear-gradient(135deg, var(--bc-neon-orange) 0%, #ff8c42 100%);
    color: #fff;
}

.bc-landing.cyberpunk .bc-tariff-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4);
}

/* Responsive */
@media (max-width: 768px) {
    .bc-landing.cyberpunk .bc-tariff-card.popular {
        transform: scale(1);
    }
    
    .bc-landing.cyberpunk .bc-tariff-speed {
        font-size: 3rem;
    }
}

/* ============================================== */
/* PRICE PULSE ANIMATION - ANCHOR EFFECT          */
/* ============================================== */

@keyframes pricePulse {
    0%, 100% {
        text-shadow: 
            0 0 10px rgba(0, 255, 136, 0.8),
            0 0 20px rgba(0, 255, 136, 0.6),
            0 0 30px rgba(0, 255, 136, 0.4);
    }
    50% {
        text-shadow: 
            0 0 20px rgba(0, 255, 136, 1),
            0 0 40px rgba(0, 255, 136, 0.8),
            0 0 60px rgba(0, 255, 136, 0.6),
            0 0 80px rgba(0, 255, 136, 0.4);
    }
}

@keyframes priceGlow {
    0%, 100% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
}

.bc-landing.cyberpunk .bc-tariff-price {
    font-family: var(--bc-font-display);
    font-size: 1.1rem;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.bc-landing.cyberpunk .bc-tariff-price strong {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--bc-neon-green);
    animation: pricePulse 2s ease-in-out infinite;
    letter-spacing: -1px;
}

/* Price glow background */
.bc-landing.cyberpunk .bc-tariff-price::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 60px;
    background: radial-gradient(ellipse at center, rgba(0, 255, 136, 0.15) 0%, transparent 70%);
    animation: priceGlow 2s ease-in-out infinite;
    pointer-events: none;
    z-index: -1;
}

/* Popular card - orange price */
.bc-landing.cyberpunk .bc-tariff-card.popular .bc-tariff-price strong {
    color: var(--bc-neon-orange);
    animation-name: priceOrangePulse;
}

@keyframes priceOrangePulse {
    0%, 100% {
        text-shadow: 
            0 0 10px rgba(255, 107, 53, 0.8),
            0 0 20px rgba(255, 107, 53, 0.6),
            0 0 30px rgba(255, 107, 53, 0.4);
    }
    50% {
        text-shadow: 
            0 0 20px rgba(255, 107, 53, 1),
            0 0 40px rgba(255, 107, 53, 0.8),
            0 0 60px rgba(255, 107, 53, 0.6),
            0 0 80px rgba(255, 107, 53, 0.4);
    }
}

.bc-landing.cyberpunk .bc-tariff-card.popular .bc-tariff-price::before {
    background: radial-gradient(ellipse at center, rgba(255, 107, 53, 0.15) 0%, transparent 70%);
}

/* ============================================== */
/* ADVANTAGES SECTION - HUD TECH STYLE            */
/* ============================================== */

/* Main container - override inline styles */
.bc-landing.cyberpunk section[style*="padding: 100px"] {
    background: linear-gradient(180deg, #0a0f1a 0%, var(--bc-bg-dark) 50%, #0a0f1a 100%) !important;
    position: relative;
}

/* Add grid pattern overlay */
.bc-landing.cyberpunk section[style*="padding: 100px"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        linear-gradient(rgba(0, 243, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 243, 255, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none;
}

/* Section title override */
.bc-landing.cyberpunk section[style*="padding: 100px"] h2 {
    font-family: var(--bc-font-display) !important;
    font-size: 2.5rem !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 0 30px rgba(0, 243, 255, 0.3);
}

.bc-landing.cyberpunk section[style*="padding: 100px"] h2::before {
    content: "// ";
    color: var(--bc-cyan-ice);
    font-family: var(--bc-font-mono);
}

/* Subtitle */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:first-child p {
    color: var(--bc-text-secondary) !important;
}

/* Advantage cards - override inline */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div {
    background: rgba(13, 21, 37, 0.8) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 243, 255, 0.15) !important;
    border-radius: 12px !important;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease !important;
}

/* Card hover */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div:hover {
    border-color: var(--bc-cyan-ice) !important;
    box-shadow: 
        0 10px 40px rgba(0, 243, 255, 0.15) !important,
        inset 0 0 30px rgba(0, 243, 255, 0.05) !important;
    transform: translateY(-5px);
}

/* Top border glow on hover */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--bc-cyan-ice), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div:hover::before {
    opacity: 1;
}

/* Icon container */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div > div:first-child {
    background: linear-gradient(135deg, var(--bc-cyan-ice) 0%, #0066cc 100%) !important;
    box-shadow: 
        0 0 20px rgba(0, 243, 255, 0.3),
        inset 0 0 10px rgba(255, 255, 255, 0.1);
}

/* Icon SVG */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div > div:first-child svg path,
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div > div:first-child svg rect,
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div > div:first-child svg circle {
    stroke: #fff !important;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.5));
}

/* Card title */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div h3 {
    color: #fff !important;
    font-family: var(--bc-font-display);
    text-shadow: 0 0 10px rgba(0, 243, 255, 0.2);
}

/* Card text */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div p {
    color: var(--bc-text-secondary) !important;
}

/* HUD decorative elements */
.bc-landing.cyberpunk section[style*="padding: 100px"] > div > div:last-child > div::after {
    content: "◆";
    position: absolute;
    bottom: 12px;
    right: 16px;
    font-size: 8px;
    color: rgba(0, 243, 255, 0.3);
    font-family: var(--bc-font-mono);
}

/* ============================================== */
/* ADVANTAGES SECTION - FIXED SELECTORS           */
/* ============================================== */

.bc-landing.cyberpunk .bc-advantages-section {
    background: linear-gradient(180deg, #0a0f1a 0%, var(--bc-bg-dark) 50%, #0a0f1a 100%) !important;
    position: relative;
}

.bc-landing.cyberpunk .bc-advantages-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        linear-gradient(rgba(0, 243, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 243, 255, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none;
    z-index: 0;
}

.bc-landing.cyberpunk .bc-advantages-section > .container {
    position: relative;
    z-index: 1;
}

/* Title */
.bc-landing.cyberpunk .bc-advantages-section h2 {
    font-family: var(--bc-font-display) !important;
    font-size: 2.5rem !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 0 30px rgba(0, 243, 255, 0.4);
}

/* Subtitle */
.bc-landing.cyberpunk .bc-advantages-section h2 + p,
.bc-landing.cyberpunk .bc-advantages-section > .container > div:first-child p {
    color: var(--bc-text-secondary) !important;
}

/* Advantage cards */
.bc-landing.cyberpunk .bc-advantages-section div[style*="display: grid"] > div {
    background: rgba(13, 21, 37, 0.9) !important;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(0, 243, 255, 0.2) !important;
    position: relative;
    overflow: hidden;
}

.bc-landing.cyberpunk .bc-advantages-section div[style*="display: grid"] > div:hover {
    border-color: var(--bc-cyan-ice) !important;
    box-shadow: 
        0 15px 50px rgba(0, 243, 255, 0.2) !important,
        0 0 30px rgba(0, 243, 255, 0.1) !important;
    transform: translateY(-8px) !important;
}

/* Top glow line */
.bc-landing.cyberpunk .bc-advantages-section div[style*="display: grid"] > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--bc-cyan-ice), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bc-landing.cyberpunk .bc-advantages-section div[style*="display: grid"] > div:hover::before {
    opacity: 1;
}

/* Icon box - cyan gradient */
.bc-landing.cyberpunk .bc-advantages-section div[style*="display: grid"] > div > div:first-child {
    background: linear-gradient(135deg, var(--bc-cyan-ice) 0%, #0077b6 100%) !important;
    box-shadow: 0 0 25px rgba(0, 243, 255, 0.4);
}

/* Card title - white */
.bc-landing.cyberpunk .bc-advantages-section div[style*="display: grid"] > div h3 {
    color: #fff !important;
    text-shadow: 0 0 15px rgba(0, 243, 255, 0.2);
}

/* Card text */
.bc-landing.cyberpunk .bc-advantages-section div[style*="display: grid"] > div p {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* ============================================== */
/* REVIEWS SECTION - CYBERPUNK STYLE              */
/* ============================================== */

.bc-landing.cyberpunk .b2b-reviews-section {
    background: linear-gradient(180deg, #0a0f1a 0%, var(--bc-bg-dark) 50%, #0a0f1a 100%) !important;
    position: relative;
}

.bc-landing.cyberpunk .b2b-reviews-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(0, 243, 255, 0.03) 0%, transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(255, 107, 53, 0.03) 0%, transparent 40%);
    pointer-events: none;
}

.bc-landing.cyberpunk .b2b-reviews-title {
    font-family: var(--bc-font-display) !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 0 30px rgba(0, 243, 255, 0.3);
}

.bc-landing.cyberpunk .b2b-reviews-title::before {
    content: "◈ ";
    color: var(--bc-cyan-ice);
}

.bc-landing.cyberpunk .b2b-reviews-subtitle {
    color: var(--bc-text-secondary) !important;
}

/* Review cards */
.bc-landing.cyberpunk .b2b-review-card {
    background: rgba(13, 21, 37, 0.9) !important;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(0, 243, 255, 0.15) !important;
    position: relative;
    overflow: hidden;
}

.bc-landing.cyberpunk .b2b-review-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--bc-cyan-ice), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bc-landing.cyberpunk .b2b-review-card:hover {
    border-color: var(--bc-cyan-ice) !important;
    box-shadow: 
        0 15px 50px rgba(0, 243, 255, 0.15) !important,
        inset 0 0 30px rgba(0, 243, 255, 0.03) !important;
    transform: translateY(-8px) !important;
}

.bc-landing.cyberpunk .b2b-review-card:hover::before {
    opacity: 1;
}

/* Avatar */
.bc-landing.cyberpunk .b2b-review-avatar {
    background: linear-gradient(135deg, var(--bc-cyan-ice) 0%, #0077b6 100%) !important;
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.3);
}

/* Company name */
.bc-landing.cyberpunk .b2b-review-company {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(0, 243, 255, 0.2);
}

/* Industry tag */
.bc-landing.cyberpunk .b2b-review-industry {
    background: rgba(0, 243, 255, 0.1) !important;
    color: var(--bc-cyan-ice) !important;
    border: 1px solid rgba(0, 243, 255, 0.3);
}

/* Review text */
.bc-landing.cyberpunk .b2b-review-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Recommendation letter link */
.bc-landing.cyberpunk .b2b-review-letter {
    color: var(--bc-neon-orange) !important;
    text-shadow: 0 0 10px rgba(255, 107, 53, 0.3);
}

.bc-landing.cyberpunk .b2b-review-letter:hover {
    color: #fff !important;
    text-shadow: 0 0 15px rgba(255, 107, 53, 0.5);
}

/* View all button */
.bc-landing.cyberpunk .b2b-reviews-section a[href*="reviews"] {
    background: transparent !important;
    border: 1px solid var(--bc-cyan-ice) !important;
    color: var(--bc-cyan-ice) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .b2b-reviews-section a[href*="reviews"]:hover {
    background: rgba(0, 243, 255, 0.1) !important;
    box-shadow: 0 0 25px rgba(0, 243, 255, 0.3);
}

/* ============================================== */
/* REVIEWS - ENHANCED EFFECTS                     */
/* ============================================== */

/* Different colors for each card */
.bc-landing.cyberpunk .b2b-review-card:nth-child(1) { --card-accent: #ff6b35; } /* Orange - Logistics */
.bc-landing.cyberpunk .b2b-review-card:nth-child(2) { --card-accent: #00f3ff; } /* Cyan - Medicine */
.bc-landing.cyberpunk .b2b-review-card:nth-child(3) { --card-accent: #00ff88; } /* Green - Medicine */
.bc-landing.cyberpunk .b2b-review-card:nth-child(4) { --card-accent: #a855f7; } /* Purple - Logistics */
.bc-landing.cyberpunk .b2b-review-card:nth-child(5) { --card-accent: #fbbf24; } /* Yellow - Production */
.bc-landing.cyberpunk .b2b-review-card:nth-child(6) { --card-accent: #ef4444; } /* Red - Government */

/* Card with accent color */
.bc-landing.cyberpunk .b2b-review-card {
    border-color: rgba(255, 255, 255, 0.1) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.bc-landing.cyberpunk .b2b-review-card:hover {
    border-color: var(--card-accent, var(--bc-cyan-ice)) !important;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.3),
        0 0 30px color-mix(in srgb, var(--card-accent, var(--bc-cyan-ice)) 30%, transparent) !important;
}

/* Neon border animation on hover */
@keyframes borderGlow {
    0%, 100% { 
        background-position: 0% 50%;
    }
    50% { 
        background-position: 100% 50%;
    }
}

.bc-landing.cyberpunk .b2b-review-card::before {
    background: linear-gradient(90deg, 
        transparent, 
        var(--card-accent, var(--bc-cyan-ice)), 
        transparent) !important;
    background-size: 200% 100%;
    animation: borderGlow 2s ease-in-out infinite;
    opacity: 0;
}

.bc-landing.cyberpunk .b2b-review-card:hover::before {
    opacity: 1;
}

/* Avatar with pulse effect */
@keyframes avatarPulse {
    0% {
        box-shadow: 0 0 0 0 var(--card-accent, var(--bc-cyan-ice));
    }
    70% {
        box-shadow: 0 0 0 15px transparent;
    }
    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

.bc-landing.cyberpunk .b2b-review-avatar {
    background: linear-gradient(135deg, var(--card-accent, var(--bc-cyan-ice)) 0%, color-mix(in srgb, var(--card-accent, var(--bc-cyan-ice)) 60%, #000) 100%) !important;
    animation: avatarPulse 2.5s ease-out infinite;
}

/* Glitch effect on hover */
@keyframes glitch {
    0%, 100% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(-2px, -2px); }
    60% { transform: translate(2px, 2px); }
    80% { transform: translate(2px, -2px); }
}

.bc-landing.cyberpunk .b2b-review-card:hover .b2b-review-company {
    animation: glitch 0.3s ease-in-out;
}

/* ALL TEXT WHITE */
.bc-landing.cyberpunk .b2b-review-card * {
    color: #fff !important;
}

.bc-landing.cyberpunk .b2b-review-text {
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.7;
}

.bc-landing.cyberpunk .b2b-review-company {
    font-weight: 700 !important;
    text-shadow: 0 0 10px var(--card-accent, var(--bc-cyan-ice));
}

/* Industry tag with card color */
.bc-landing.cyberpunk .b2b-review-industry {
    background: color-mix(in srgb, var(--card-accent, var(--bc-cyan-ice)) 15%, transparent) !important;
    color: var(--card-accent, var(--bc-cyan-ice)) !important;
    border: 1px solid color-mix(in srgb, var(--card-accent, var(--bc-cyan-ice)) 40%, transparent) !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Recommendation letter button - STYLED */
.bc-landing.cyberpunk .b2b-review-letter {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 18px !important;
    background: linear-gradient(135deg, 
        color-mix(in srgb, var(--card-accent, var(--bc-cyan-ice)) 20%, transparent), 
        color-mix(in srgb, var(--card-accent, var(--bc-cyan-ice)) 10%, transparent)) !important;
    border: 1px solid var(--card-accent, var(--bc-cyan-ice)) !important;
    border-radius: 8px !important;
    color: var(--card-accent, var(--bc-cyan-ice)) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    margin-top: 16px;
}

.bc-landing.cyberpunk .b2b-review-letter:hover {
    background: var(--card-accent, var(--bc-cyan-ice)) !important;
    color: #0a0f1a !important;
    box-shadow: 0 0 25px color-mix(in srgb, var(--card-accent, var(--bc-cyan-ice)) 50%, transparent);
    transform: translateY(-2px);
}

/* Letter icon pulse */
@keyframes iconPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.bc-landing.cyberpunk .b2b-review-letter::before {
    content: "📄";
    animation: iconPulse 1.5s ease-in-out infinite;
}

/* FIX: Recommendation letter button - visible colors */
.bc-landing.cyberpunk .b2b-review-letter,
.bc-landing.cyberpunk .b2b-review-card a[href*="pdf"],
.bc-landing.cyberpunk .b2b-review-card a[href*="letter"],
.bc-landing.cyberpunk .b2b-review-card a[target="_blank"] {
    background: linear-gradient(135deg, var(--card-accent, #ff6b35) 0%, color-mix(in srgb, var(--card-accent, #ff6b35) 70%, #000) 100%) !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 15px color-mix(in srgb, var(--card-accent, #ff6b35) 40%, transparent);
    transition: all 0.3s ease !important;
}

.bc-landing.cyberpunk .b2b-review-letter:hover,
.bc-landing.cyberpunk .b2b-review-card a[href*="pdf"]:hover,
.bc-landing.cyberpunk .b2b-review-card a[target="_blank"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px color-mix(in srgb, var(--card-accent, #ff6b35) 60%, transparent) !important;
    color: #fff !important;
}

/* FORCE white text on letter button */
.bc-landing.cyberpunk .b2b-review-card a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.bc-landing.cyberpunk .b2b-review-card a:visited,
.bc-landing.cyberpunk .b2b-review-card a:active,
.bc-landing.cyberpunk .b2b-review-card a:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Letter button - COLORED text, dark background */
.bc-landing.cyberpunk .b2b-review-card a,
.bc-landing.cyberpunk .b2b-review-card a:visited,
.bc-landing.cyberpunk .b2b-review-card a:active {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 2px solid var(--card-accent, #00f3ff) !important;
    color: var(--card-accent, #00f3ff) !important;
    -webkit-text-fill-color: var(--card-accent, #00f3ff) !important;
    text-shadow: 0 0 10px var(--card-accent, #00f3ff);
}

.bc-landing.cyberpunk .b2b-review-card a:hover {
    background: var(--card-accent, #00f3ff) !important;
    color: #0a0f1a !important;
    -webkit-text-fill-color: #0a0f1a !important;
    text-shadow: none;
}

/* ============================================== */
/* ABOUT BC SECTION - CYBERPUNK STYLE             */
/* ============================================== */

.bc-landing.cyberpunk .bc-about {
    background: linear-gradient(180deg, #0a0f1a 0%, var(--bc-bg-dark) 50%, #0a0f1a 100%) !important;
}

/* Stats cards - HUD style */
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div {
    background: rgba(13, 21, 37, 0.9) !important;
    border: 1px solid rgba(0, 243, 255, 0.2) !important;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div:nth-child(1) {
    border-color: var(--bc-cyan-ice) !important;
}
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div:nth-child(2) {
    border-color: var(--bc-neon-green) !important;
}
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div:nth-child(3) {
    border-color: #a855f7 !important;
}
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div:nth-child(4) {
    border-color: var(--bc-neon-orange) !important;
}

/* Number animation */
@keyframes numberGlow {
    0%, 100% { text-shadow: 0 0 10px currentColor; }
    50% { text-shadow: 0 0 25px currentColor, 0 0 40px currentColor; }
}

.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div > div:first-child {
    animation: numberGlow 2s ease-in-out infinite;
}

.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div:nth-child(1) > div:first-child {
    color: var(--bc-cyan-ice) !important;
}
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div:nth-child(2) > div:first-child {
    color: var(--bc-neon-green) !important;
}
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div:nth-child(3) > div:first-child {
    color: #a855f7 !important;
}
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div:nth-child(4) > div:first-child {
    color: var(--bc-neon-orange) !important;
}

/* Labels white */
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div > div:nth-child(2),
.bc-landing.cyberpunk .bc-about > div > div:nth-child(3) > div > div:nth-child(3) {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Info cards */
.bc-landing.cyberpunk .bc-about > div > div:last-child > div > div {
    background: rgba(13, 21, 37, 0.9) !important;
    border: 1px solid rgba(0, 243, 255, 0.15) !important;
    box-shadow: none !important;
}

.bc-landing.cyberpunk .bc-about > div > div:last-child h3 {
    color: #fff !important;
}

.bc-landing.cyberpunk .bc-about > div > div:last-child strong,
.bc-landing.cyberpunk .bc-about > div > div:last-child div {
    color: rgba(255, 255, 255, 0.9) !important;
}

.bc-landing.cyberpunk .bc-about > div > div:last-child a {
    color: var(--bc-cyan-ice) !important;
    text-shadow: 0 0 10px var(--bc-cyan-ice);
}

/* Icon boxes - neon style */
.bc-landing.cyberpunk .bc-about div[style*="border-radius: 10px"][style*="display: flex"] {
    box-shadow: 0 0 15px color-mix(in srgb, currentColor 30%, transparent);
}

/* ============================================== */
/* AMENITY BADGES - NEON HUD STYLE               */
/* ============================================== */

/* Target amenity badges */
.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"] {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid !important;
    backdrop-filter: blur(10px);
    position: relative;
    padding: 10px 20px !important;
    font-family: var(--bc-font-mono);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Parking - Cyan */
.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"]:nth-of-type(1) {
    color: var(--bc-cyan-ice) !important;
    border-color: var(--bc-cyan-ice) !important;
    box-shadow: 0 0 15px rgba(0, 243, 255, 0.3), inset 0 0 15px rgba(0, 243, 255, 0.1);
}

/* Security - Green */
.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"]:nth-of-type(2) {
    color: var(--bc-neon-green) !important;
    border-color: var(--bc-neon-green) !important;
    box-shadow: 0 0 15px rgba(0, 255, 136, 0.3), inset 0 0 15px rgba(0, 255, 136, 0.1);
}

/* Elevator - Orange */
.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"]:nth-of-type(3) {
    color: var(--bc-neon-orange) !important;
    border-color: var(--bc-neon-orange) !important;
    box-shadow: 0 0 15px rgba(255, 107, 53, 0.3), inset 0 0 15px rgba(255, 107, 53, 0.1);
}

/* Hover effect */
.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"]:hover {
    transform: scale(1.05);
}

.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"]:nth-of-type(1):hover {
    background: rgba(0, 243, 255, 0.2) !important;
    box-shadow: 0 0 25px rgba(0, 243, 255, 0.5), inset 0 0 20px rgba(0, 243, 255, 0.2);
}

.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"]:nth-of-type(2):hover {
    background: rgba(0, 255, 136, 0.2) !important;
    box-shadow: 0 0 25px rgba(0, 255, 136, 0.5), inset 0 0 20px rgba(0, 255, 136, 0.2);
}

.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"]:nth-of-type(3):hover {
    background: rgba(255, 107, 53, 0.2) !important;
    box-shadow: 0 0 25px rgba(255, 107, 53, 0.5), inset 0 0 20px rgba(255, 107, 53, 0.2);
}

/* Blinking checkmark */
@keyframes checkBlink {
    0%, 90%, 100% { opacity: 1; }
    95% { opacity: 0.5; }
}

.bc-landing.cyberpunk .bc-about span[style*="border-radius: 20px"]::before {
    content: "◆ ";
    animation: checkBlink 2s ease-in-out infinite;
}

/* ============================================== */
/* FAQ SECTION - TERMINAL CONSOLE + NEON          */
/* ============================================== */

.bc-landing.cyberpunk .bc-faq {
    background: linear-gradient(180deg, #0a0f1a 0%, var(--bc-bg-dark) 100%) !important;
    padding: 100px 0;
}

/* Terminal window container */
.bc-landing.cyberpunk .bc-faq-list {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 243, 255, 0.2);
    border-radius: 12px;
    padding: 20px;
    position: relative;
}

/* Terminal header */
.bc-landing.cyberpunk .bc-faq-list::before {
    content: "WESTELECOM_FAQ.exe";
    position: absolute;
    top: -12px;
    left: 20px;
    background: var(--bc-bg-dark);
    padding: 4px 16px;
    font-family: var(--bc-font-mono);
    font-size: 11px;
    color: var(--bc-cyan-ice);
    letter-spacing: 1px;
    border: 1px solid rgba(0, 243, 255, 0.3);
    border-radius: 4px;
}

/* FAQ item */
.bc-landing.cyberpunk .bc-faq-item {
    background: rgba(13, 21, 37, 0.6) !important;
    border: 1px solid rgba(0, 243, 255, 0.1) !important;
    border-radius: 8px !important;
    margin-bottom: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .bc-faq-item:hover {
    border-color: rgba(0, 243, 255, 0.4) !important;
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.1);
}

.bc-landing.cyberpunk .bc-faq-item.active {
    border-color: var(--bc-neon-green) !important;
    box-shadow: 0 0 25px rgba(0, 255, 136, 0.15);
}

/* Question button */
.bc-landing.cyberpunk .bc-faq-question {
    background: transparent !important;
    color: #fff !important;
    font-family: var(--bc-font-mono);
    font-size: 15px;
    padding: 20px 24px !important;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    text-align: left;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .bc-faq-question::before {
    content: "[?]";
    color: var(--bc-cyan-ice);
    font-weight: 700;
    flex-shrink: 0;
}

.bc-landing.cyberpunk .bc-faq-item.active .bc-faq-question::before {
    content: "[>]";
    color: var(--bc-neon-green);
}

.bc-landing.cyberpunk .bc-faq-question:hover {
    background: rgba(0, 243, 255, 0.05) !important;
}

/* Arrow icon */
.bc-landing.cyberpunk .bc-faq-question svg {
    stroke: var(--bc-cyan-ice);
    margin-left: auto;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.bc-landing.cyberpunk .bc-faq-item.active .bc-faq-question svg {
    transform: rotate(180deg);
    stroke: var(--bc-neon-green);
}

/* Answer */
.bc-landing.cyberpunk .bc-faq-answer {
    color: rgba(255, 255, 255, 0.85) !important;
    background: rgba(0, 255, 136, 0.03);
    border-top: 1px solid rgba(0, 255, 136, 0.2);
    padding: 20px 24px;
    font-size: 14px;
    line-height: 1.8;
    position: relative;
}

.bc-landing.cyberpunk .bc-faq-answer::before {
    content: "// RESPONSE:";
    display: block;
    color: var(--bc-neon-green);
    font-family: var(--bc-font-mono);
    font-size: 11px;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

/* Typing cursor effect */
@keyframes cursorBlink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

.bc-landing.cyberpunk .bc-faq-answer::after {
    content: "█";
    color: var(--bc-neon-green);
    animation: cursorBlink 1s step-end infinite;
    margin-left: 4px;
}

/* ============================================== */
/* SERVICES SECTION - CYBERPUNK HEX GRID          */
/* ============================================== */

.bc-landing.cyberpunk .bc-services {
    background: linear-gradient(180deg, #0a0f1a 0%, var(--bc-bg-dark) 50%, #0a0f1a 100%) !important;
    position: relative;
    overflow: hidden;
}

/* Hex grid background pattern */
.bc-landing.cyberpunk .bc-services::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width=60 height=60 viewBox=0 0 60 60 xmlns=http://www.w3.org/2000/svg%3E%3Cpath d=M30 0L60 17.32v34.64L30 69.28 0 51.96V17.32z fill=none stroke=%2300f3ff stroke-opacity=0.05 stroke-width=1/%3E%3C/svg%3E");
    background-size: 60px 60px;
    pointer-events: none;
    opacity: 0.5;
}

.bc-landing.cyberpunk .bc-services > .container {
    position: relative;
    z-index: 1;
}

/* Section title */
.bc-landing.cyberpunk .bc-services h2 {
    font-family: var(--bc-font-display) !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 0 30px rgba(0, 243, 255, 0.3);
}

.bc-landing.cyberpunk .bc-services-header p {
    color: var(--bc-text-secondary) !important;
}

/* Service cards */
.bc-landing.cyberpunk .service-card {
    background: rgba(13, 21, 37, 0.9) !important;
    border: 1px solid rgba(0, 243, 255, 0.15) !important;
    backdrop-filter: blur(15px);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Different accent colors for each card */
.bc-landing.cyberpunk .service-card:nth-child(1) { --service-color: var(--bc-cyan-ice); }
.bc-landing.cyberpunk .service-card:nth-child(2) { --service-color: #a855f7; }
.bc-landing.cyberpunk .service-card:nth-child(3) { --service-color: var(--bc-neon-green); }
.bc-landing.cyberpunk .service-card:nth-child(4) { --service-color: var(--bc-neon-orange); }
.bc-landing.cyberpunk .service-card:nth-child(5) { --service-color: #f43f5e; }
.bc-landing.cyberpunk .service-card:nth-child(6) { --service-color: #fbbf24; }

/* Top glow line */
.bc-landing.cyberpunk .service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--service-color, var(--bc-cyan-ice)), transparent);
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.bc-landing.cyberpunk .service-card:hover {
    border-color: var(--service-color, var(--bc-cyan-ice)) !important;
    transform: translateY(-10px) !important;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.3),
        0 0 40px color-mix(in srgb, var(--service-color, var(--bc-cyan-ice)) 20%, transparent) !important;
}

.bc-landing.cyberpunk .service-card:hover::before {
    opacity: 1;
}

/* Icon container */
.bc-landing.cyberpunk .service-icon {
    background: linear-gradient(135deg, var(--service-color, var(--bc-cyan-ice)), color-mix(in srgb, var(--service-color, var(--bc-cyan-ice)) 60%, #000)) !important;
    box-shadow: 0 0 25px color-mix(in srgb, var(--service-color, var(--bc-cyan-ice)) 40%, transparent);
    position: relative;
}

/* Pulse effect on icon */
@keyframes iconPulseService {
    0%, 100% { box-shadow: 0 0 20px color-mix(in srgb, var(--service-color, var(--bc-cyan-ice)) 30%, transparent); }
    50% { box-shadow: 0 0 35px color-mix(in srgb, var(--service-color, var(--bc-cyan-ice)) 50%, transparent); }
}

.bc-landing.cyberpunk .service-card:hover .service-icon {
    animation: iconPulseService 1.5s ease-in-out infinite;
}

/* Card title */
.bc-landing.cyberpunk .service-card h3 {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

/* Card text */
.bc-landing.cyberpunk .service-card p {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Link */
.bc-landing.cyberpunk .service-card a {
    color: var(--service-color, var(--bc-cyan-ice)) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--service-color, var(--bc-cyan-ice)) 50%, transparent);
    transition: all 0.3s ease !important;
}

.bc-landing.cyberpunk .service-card a:hover {
    text-shadow: 0 0 20px var(--service-color, var(--bc-cyan-ice));
}

/* Animated connection lines between cards */
.bc-landing.cyberpunk .services-grid::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 243, 255, 0.3) 20%,
        rgba(0, 243, 255, 0.3) 80%,
        transparent 100%);
    pointer-events: none;
    z-index: 0;
}

.bc-landing.cyberpunk .services-grid {
    position: relative;
}

/* ============================================== */
/* SEO CONTENT - TERMINAL LOG STYLE               */
/* ============================================== */

.bc-landing.cyberpunk .bc-seo-content {
    background: linear-gradient(180deg, var(--bc-bg-dark) 0%, #0a0f1a 100%) !important;
    padding: 80px 0 !important;
}

.bc-landing.cyberpunk .bc-seo-content h2,
.bc-landing.cyberpunk .bc-seo-content h3 {
    color: #fff !important;
    font-family: var(--bc-font-display);
}

.bc-landing.cyberpunk .bc-seo-content p,
.bc-landing.cyberpunk .bc-seo-content div {
    color: rgba(255, 255, 255, 0.85) !important;
}

.bc-landing.cyberpunk .bc-seo-content strong {
    color: var(--bc-cyan-ice) !important;
}

/* Checkmarks to neon */
.bc-landing.cyberpunk .bc-seo-content {
    --check-color: var(--bc-neon-green);
}

/* ============================================== */
/* INLINE CTA BLOCKS                              */
/* ============================================== */

.bc-inline-cta {
    background: linear-gradient(135deg, rgba(0, 243, 255, 0.1) 0%, rgba(0, 243, 255, 0.05) 100%);
    border: 1px solid rgba(0, 243, 255, 0.3);
    border-radius: 16px;
    padding: 40px;
    margin: 60px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    overflow: hidden;
}

.bc-inline-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--bc-cyan-ice), transparent);
}

.bc-inline-cta-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px;
    font-family: var(--bc-font-display);
}

.bc-inline-cta-content p {
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    font-size: 15px;
}

.bc-inline-cta-btn {
    background: linear-gradient(135deg, var(--bc-neon-orange) 0%, #ff8c42 100%);
    color: #fff;
    border: none;
    padding: 18px 36px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bc-inline-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);
}

/* Pulse animation */
@keyframes ctaPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.4); }
    50% { box-shadow: 0 0 0 15px rgba(255, 107, 53, 0); }
}

.bc-inline-cta-btn {
    animation: ctaPulse 2s ease-in-out infinite;
}

/* Responsive */
@media (max-width: 768px) {
    .bc-inline-cta {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }
}

/* ============================================== */
/* CYBERPUNK MODAL                                */
/* ============================================== */

.bc-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.bc-modal-overlay.active {
    display: flex;
}

.bc-modal {
    background: linear-gradient(145deg, #0d1525 0%, #0a0f1a 100%);
    border: 1px solid var(--bc-cyan-ice);
    border-radius: 20px;
    padding: 50px 40px;
    max-width: 480px;
    width: 100%;
    position: relative;
    box-shadow: 
        0 0 60px rgba(0, 243, 255, 0.2),
        inset 0 0 60px rgba(0, 243, 255, 0.03);
}

.bc-modal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--bc-cyan-ice), var(--bc-neon-orange), var(--bc-cyan-ice));
}

.bc-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bc-modal-close:hover {
    background: rgba(255, 107, 53, 0.2);
    border-color: var(--bc-neon-orange);
}

.bc-modal h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 12px;
    text-align: center;
    font-family: var(--bc-font-display);
}

.bc-modal-subtitle {
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    margin-bottom: 30px;
    font-size: 15px;
}

.bc-modal-input {
    width: 100%;
    padding: 18px 20px;
    background: rgba(0, 0, 0, 0.4);
    border: 2px solid rgba(0, 243, 255, 0.3);
    border-radius: 12px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.bc-modal-input:focus {
    outline: none;
    border-color: var(--bc-cyan-ice);
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.2);
}

.bc-modal-input.error {
    border-color: #ef4444;
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-10px); }
    75% { transform: translateX(10px); }
}

.bc-modal-submit {
    width: 100%;
    padding: 18px;
    background: linear-gradient(135deg, var(--bc-neon-orange) 0%, #ff8c42 100%);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.bc-modal-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4);
}

.bc-modal-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.bc-modal-privacy {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-align: center;
    margin-top: 16px;
}

/* Success state */
.bc-modal-success {
    text-align: center;
    padding: 20px 0;
}

.bc-modal-success-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--bc-neon-green), #00cc6a);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    font-size: 40px;
    animation: successPop 0.5s ease-out;
}

@keyframes successPop {
    0% { transform: scale(0); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.bc-modal-success h3 {
    color: var(--bc-neon-green);
    margin-bottom: 12px;
}

.bc-modal-success p {
    color: rgba(255, 255, 255, 0.7);
}

/* ============================================== */
/* FINAL CTA BLOCK                                */
/* ============================================== */

.bc-final-cta {
    background: linear-gradient(135deg, #0d1525 0%, #1a0a1e 50%, #0d1525 100%);
    padding: 80px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(0, 243, 255, 0.2);
}

.bc-final-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: 
        radial-gradient(ellipse at 30% 0%, rgba(0, 243, 255, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 100%, rgba(255, 107, 53, 0.15) 0%, transparent 50%);
    pointer-events: none;
}

.bc-final-cta-content {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.bc-final-cta h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin: 0 0 16px;
    font-family: var(--bc-font-display);
    letter-spacing: -0.02em;
}

.bc-final-cta p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    margin: 0 0 40px;
    line-height: 1.6;
}

.bc-final-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, var(--bc-neon-orange) 0%, #ff8c42 100%);
    color: #fff;
    border: none;
    padding: 22px 50px;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 0 30px rgba(255, 107, 53, 0.3);
}

.bc-final-cta-btn:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 20px 50px rgba(255, 107, 53, 0.4);
}

.bc-final-cta-features {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 50px;
    flex-wrap: wrap;
}

.bc-final-cta-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.bc-final-cta-feature span {
    color: var(--bc-neon-green);
    font-size: 18px;
}

@media (max-width: 768px) {
    .bc-final-cta h2 {
        font-size: 28px;
    }
    .bc-final-cta-features {
        gap: 20px;
    }
}

/* ============================================== */
/* HERO SECTION - CYBERPUNK STYLE                 */
/* ============================================== */

.bc-landing.cyberpunk .bc-hero {
    background: linear-gradient(135deg, #0a0f1a 0%, #0d1525 50%, #1a0a1e 100%) !important;
    position: relative;
    overflow: hidden;
}

/* Scanline effect */
.bc-landing.cyberpunk .bc-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(0, 243, 255, 0.03) 2px,
            rgba(0, 243, 255, 0.03) 4px
        );
    pointer-events: none;
    z-index: 1;
}

/* Neon glow corners */
.bc-landing.cyberpunk .bc-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(ellipse at 0% 0%, rgba(0, 243, 255, 0.15) 0%, transparent 40%),
        radial-gradient(ellipse at 100% 100%, rgba(255, 107, 53, 0.15) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}

.bc-landing.cyberpunk .bc-hero-content {
    position: relative;
    z-index: 2;
}

/* Badge - Cyberpunk style */
.bc-landing.cyberpunk .bc-hero-badge {
    background: rgba(0, 243, 255, 0.1) !important;
    border: 1px solid rgba(0, 243, 255, 0.4) !important;
    color: var(--bc-cyan-ice) !important;
    text-shadow: 0 0 10px rgba(0, 243, 255, 0.5);
}

.bc-landing.cyberpunk .bc-hero-badge svg {
    stroke: var(--bc-cyan-ice);
    filter: drop-shadow(0 0 4px rgba(0, 243, 255, 0.6));
}

/* H1 - Glowing title */
.bc-landing.cyberpunk .bc-hero h1 {
    color: #fff !important;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.bc-landing.cyberpunk .bc-hero h1 span {
    color: var(--bc-cyan-ice) !important;
    text-shadow: 0 0 20px rgba(0, 243, 255, 0.5);
}

/* Subtitle */
.bc-landing.cyberpunk .bc-hero-subtitle {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Features - Neon checkmarks */
.bc-landing.cyberpunk .bc-hero-feature {
    background: rgba(0, 243, 255, 0.1) !important;
    border: 1px solid rgba(0, 243, 255, 0.3) !important;
    color: #fff !important;
}

.bc-landing.cyberpunk .bc-hero-feature svg {
    stroke: var(--bc-neon-green) !important;
    filter: drop-shadow(0 0 4px rgba(0, 255, 136, 0.6));
}

/* Lead Form - Glassmorphism Cyberpunk */
.bc-landing.cyberpunk .bc-lead-form {
    background: rgba(13, 21, 37, 0.9) !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 243, 255, 0.3) !important;
    box-shadow: 
        0 0 40px rgba(0, 243, 255, 0.1),
        inset 0 0 60px rgba(0, 243, 255, 0.03) !important;
}

/* Form title */
.bc-landing.cyberpunk .bc-lead-form h3 {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.bc-landing.cyberpunk .bc-lead-form-subtitle {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Gift badge */
.bc-landing.cyberpunk .bc-form-gift {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1)) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
}

.bc-landing.cyberpunk .bc-form-gift-icon {
    color: var(--bc-neon-green) !important;
}

.bc-landing.cyberpunk .bc-form-gift-icon svg {
    stroke: var(--bc-neon-green);
    filter: drop-shadow(0 0 4px rgba(0, 255, 136, 0.6));
}

.bc-landing.cyberpunk .bc-form-gift-text {
    color: var(--bc-neon-green) !important;
    text-shadow: 0 0 8px rgba(0, 255, 136, 0.3);
}

/* Form labels */
.bc-landing.cyberpunk .bc-form-label {
    color: var(--bc-cyan-ice) !important;
    text-shadow: 0 0 6px rgba(0, 243, 255, 0.3);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Form inputs */
.bc-landing.cyberpunk .bc-form-input,
.bc-landing.cyberpunk .bc-form-select {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(0, 243, 255, 0.3) !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .bc-form-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.bc-landing.cyberpunk .bc-form-input:focus,
.bc-landing.cyberpunk .bc-form-select:focus {
    border-color: var(--bc-cyan-ice) !important;
    box-shadow: 0 0 15px rgba(0, 243, 255, 0.3) !important;
    outline: none;
}

/* Submit button */
.bc-landing.cyberpunk .bc-form-btn {
    background: linear-gradient(135deg, var(--bc-neon-orange) 0%, #ff8c42 100%) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 0 20px rgba(255, 107, 53, 0.3);
    animation: btnPulse 2s ease-in-out infinite;
}

@keyframes btnPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(255, 107, 53, 0.3); }
    50% { box-shadow: 0 0 30px rgba(255, 107, 53, 0.5); }
}

.bc-landing.cyberpunk .bc-form-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4) !important;
}

/* Privacy text */
.bc-landing.cyberpunk .bc-form-privacy {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Address */
.bc-landing.cyberpunk .bc-hero-text > p[style*="94a3b8"] {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Hero address */
.bc-landing.cyberpunk .bc-hero-address {
    color: rgba(255, 255, 255, 0.6) !important;
}

.bc-landing.cyberpunk .bc-hero-address::before {
    content: "📍 ";
}

/* Grid background pattern */
.bc-landing.cyberpunk .bc-hero {
    background-image: 
        linear-gradient(rgba(0, 243, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 243, 255, 0.03) 1px, transparent 1px),
        linear-gradient(135deg, #0a0f1a 0%, #0d1525 50%, #1a0a1e 100%) !important;
    background-size: 50px 50px, 50px 50px, 100% 100%;
}

/* Viber/Telegram buttons if exist */
.bc-landing.cyberpunk .bc-hero-buttons a,
.bc-landing.cyberpunk .bc-hero-buttons button {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.bc-landing.cyberpunk .bc-hero-buttons a:hover,
.bc-landing.cyberpunk .bc-hero-buttons button:hover {
    background: rgba(0, 243, 255, 0.2) !important;
    border-color: var(--bc-cyan-ice) !important;
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.3);
}

/* ============================================== */
/* MOBILE RESPONSIVE - CYBERPUNK                  */
/* ============================================== */

@media (max-width: 768px) {
    /* Inline CTA blocks */
    .bc-inline-cta {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
        margin: 40px 15px;
    }
    
    .bc-inline-cta-content h3 {
        font-size: 20px;
    }
    
    .bc-inline-cta-btn {
        width: 100%;
        padding: 16px 24px;
    }
    
    /* Modal */
    .bc-modal {
        margin: 15px;
        padding: 35px 25px;
        max-width: calc(100% - 30px);
    }
    
    .bc-modal h3 {
        font-size: 24px;
    }
    
    .bc-modal-input {
        font-size: 16px;
        padding: 16px;
    }
    
    /* Final CTA */
    .bc-final-cta h2 {
        font-size: 26px;
        line-height: 1.3;
    }
    
    .bc-final-cta p {
        font-size: 16px;
    }
    
    .bc-final-cta-btn {
        padding: 18px 30px;
        font-size: 15px;
        width: 100%;
        justify-content: center;
    }
    
    .bc-final-cta-features {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    
    /* Success Modal */
    #bcSuccessModal > div {
        margin: 15px !important;
        padding: 35px 25px !important;
        max-width: calc(100% - 30px) !important;
    }
    
    #bcSuccessModal h3 {
        font-size: 22px !important;
    }
    
    /* CTA Final section buttons */
    .bc-cta-final a[href^="tel"],
    .bc-cta-final a[href^="viber"],
    .bc-cta-final a[href^="https://t.me"] {
        width: 100%;
        justify-content: center;
        padding: 14px 20px !important;
        font-size: 15px !important;
    }
    
    /* Phone number */
    .bc-cta-final a[style*="font-size: 24px"] {
        font-size: 22px !important;
    }
}

@media (max-width: 480px) {
    /* Extra small screens */
    .bc-modal h3 {
        font-size: 20px;
    }
    
    .bc-final-cta h2 {
        font-size: 22px;
    }
    
    .bc-inline-cta-content h3 {
        font-size: 18px;
    }
    
    .bc-tariff-price strong {
        font-size: 2.2rem !important;
    }
}

/* WhatsApp Button - Cyberpunk Style */
.bc-cta-btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: linear-gradient(135deg, rgba(37,211,102,0.15) 0%, rgba(37,211,102,0.05) 100%);
    border: 2px solid #25D366;
    border-radius: 8px;
    color: #25D366;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.bc-cta-btn-whatsapp:hover {
    background: #25D366;
    color: #000;
    box-shadow: 0 0 25px rgba(37,211,102,0.5), 0 0 50px rgba(37,211,102,0.3);
    transform: translateY(-2px);
}
.bc-cta-btn-whatsapp svg {
    transition: all 0.3s ease;
}
.bc-cta-btn-whatsapp:hover svg {
    fill: #000;
}