/* ===========================================
   SECTOR PAGES - SHARED STYLES
   =========================================== */

/* Sector Page Body */
.sector-page {
    background: linear-gradient(180deg, #000000 0%, #0a0a1a 100%);
}

/* Sector Hero Section */
.sector-hero {
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
    padding: 120px 0 80px;
    overflow: hidden;
}

.sector-hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.sector-hero-content {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.sector-badge {
    display: inline-block;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.mining-badge {
    background: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);
    color: #000;
}

.energy-badge {
    background: linear-gradient(135deg, #00ff88 0%, #88ff00 100%);
    color: #000;
}

.mobile-badge {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
}

.sector-hero h1 {
    font-size: 4rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 25px;
}

.gradient-text-gold {
    background: linear-gradient(135deg, #feca57 0%, #ff9f43 50%, #ee5a24 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text-cyan {
    background: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text-green {
    background: linear-gradient(135deg, #00ff88 0%, #88ff00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text-purple {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.sector-subtitle {
    font-size: 1.3rem;
    color: #ccc;
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.sector-subtitle strong {
    color: #00ff88;
}

.sector-hero-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}

.hero-stat {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 25px 15px;
    backdrop-filter: blur(10px);
}

.hero-stat .stat-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 900;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 5px;
}

.hero-stat .stat-label {
    color: #aaa;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Sector Breakthrough Section */
.sector-breakthrough {
    padding: 80px 0;
    background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 100%);
}

.breakthrough-equation {
    text-align: center;
    margin-bottom: 60px;
}

.breakthrough-equation .equation-box {
    display: inline-block;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    border: 2px solid rgba(102, 126, 234, 0.4);
    border-radius: 20px;
    padding: 40px 60px;
}

.mining-equation .equation-box {
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(0, 255, 136, 0.1) 100%);
    border-color: rgba(0, 255, 136, 0.4);
}

.energy-equation .equation-box {
    background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(136, 255, 0, 0.1) 100%);
    border-color: rgba(0, 255, 136, 0.4);
}

.mobile-equation .equation-box {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(236, 72, 153, 0.1) 100%);
    border-color: rgba(168, 85, 247, 0.4);
}

/* Comparison Grid */
.comparison-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.comparison-card {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 20px;
    padding: 35px;
}

.comparison-card.traditional {
    border: 1px solid rgba(255, 99, 99, 0.3);
}

.comparison-card.revolutionary {
    border: 1px solid rgba(0, 255, 136, 0.3);
    background: linear-gradient(145deg, rgba(0, 255, 136, 0.05) 0%, transparent 100%);
}

.comparison-card h3 {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

.comparison-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.comparison-card ul li {
    color: #ccc;
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
    font-size: 0.95rem;
}

.comparison-card.traditional ul li::before {
    content: '✗';
    position: absolute;
    left: 0;
    color: #ff6b6b;
}

.comparison-card.revolutionary ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #00ff88;
}

.comparison-card strong {
    color: #00ff88;
}

.comparison-stat {
    background: rgba(255, 255, 255, 0.1);
    padding: 15px 20px;
    border-radius: 10px;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

.revolutionary .comparison-stat {
    background: rgba(0, 255, 136, 0.2);
    color: #00ff88;
}

/* Capability Grid */
.sector-capabilities {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1a 100%);
}

.capability-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.capability-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 35px;
    text-align: center;
    transition: all 0.3s ease;
}

.capability-card:hover {
    transform: translateY(-5px);
    border-color: rgba(102, 126, 234, 0.4);
    box-shadow: 0 20px 40px rgba(102, 126, 234, 0.15);
}

.capability-icon {
    font-size: 3rem;
    margin-bottom: 15px;
}

.capability-card h3 {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.capability-spec {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    font-weight: 800;
    font-size: 0.9rem;
    display: inline-block;
    margin-bottom: 15px;
}

.capability-card p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Use Cases */
.sector-use-cases {
    padding: 80px 0;
    background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 100%);
}

.use-case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.use-case-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px;
    transition: all 0.3s ease;
}

.use-case-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 255, 136, 0.3);
}

.use-case-card h3 {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.use-case-card p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

.use-case-benefit {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 10px;
    padding: 10px 15px;
    color: #00ff88;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Partnership Section */
.sector-partnership {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
}

.partnership-content {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 50px;
    align-items: start;
}

.partnership-badge {
    display: inline-block;
    background: linear-gradient(135deg, #feca57 0%, #ff9f43 100%);
    color: #000;
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.partnership-text h2 {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.partnership-lead {
    color: #ccc;
    font-size: 1.2rem;
    line-height: 1.7;
    margin-bottom: 30px;
}

.partnership-lead strong {
    color: #feca57;
}

.partnership-benefits {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.benefit-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.benefit-icon {
    font-size: 2rem;
    flex-shrink: 0;
}

.benefit-item h4 {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.benefit-item p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.5;
}

.cta-box {
    background: linear-gradient(145deg, rgba(254, 202, 87, 0.1) 0%, rgba(255, 159, 67, 0.05) 100%);
    border: 1px solid rgba(254, 202, 87, 0.3);
    border-radius: 25px;
    padding: 40px;
    text-align: center;
}

.cta-box h3 {
    color: #feca57;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.cta-box p {
    color: #ccc;
    margin-bottom: 25px;
}

.cta-contact {
    margin-bottom: 25px;
}

.cta-contact .contact-item {
    color: #fff;
    margin-bottom: 10px;
}

/* Validation Section */
.sector-validation {
    padding: 80px 0;
    background: linear-gradient(180deg, #0d0d1a 0%, #1a1a2e 100%);
}

.validation-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.validation-stat {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(254, 202, 87, 0.3);
    border-radius: 20px;
    padding: 30px;
    text-align: center;
}

.validation-number {
    display: block;
    font-size: 3rem;
    font-weight: 900;
    color: #feca57;
    margin-bottom: 10px;
}

.validation-label {
    color: #aaa;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Related Sectors */
.related-sectors {
    padding: 60px 0;
    background: #0a0a1a;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.related-sectors h3 {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.sector-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sector-link {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 15px 30px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.sector-link:hover {
    background: rgba(102, 126, 234, 0.1);
    border-color: rgba(102, 126, 234, 0.4);
    transform: translateY(-3px);
}

.sector-link-icon {
    font-size: 1.5rem;
}

.sector-link-text {
    color: #fff;
    font-weight: 600;
}

/* ===========================================
   MINING PAGE SPECIFIC STYLES
   =========================================== */
.mining-hero .hero-stat .stat-number {
    background: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Architecture Section */
.sector-architecture {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
}

.architecture-visual {
    max-width: 800px;
    margin: 0 auto;
}

.architecture-diagram {
    background: rgba(0, 212, 255, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 25px;
    padding: 40px;
    margin-bottom: 40px;
}

.arch-level {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

.arch-level.three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.arch-node {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 15px;
    padding: 20px 30px;
    text-align: center;
}

.arch-node.main {
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.2) 0%, rgba(0, 255, 136, 0.2) 100%);
    border-color: rgba(0, 255, 136, 0.5);
}

.arch-node.highlight {
    background: rgba(254, 202, 87, 0.1);
    border-color: rgba(254, 202, 87, 0.4);
}

.node-title {
    display: block;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
}

.node-spec {
    color: #00ff88;
    font-size: 0.85rem;
}

.arch-connector {
    height: 30px;
    width: 2px;
    background: linear-gradient(180deg, #00ff88, rgba(0, 255, 136, 0.3));
    margin: 0 auto;
}

.architecture-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.arch-stat {
    text-align: center;
}

.arch-stat-number {
    display: block;
    font-size: 2rem;
    font-weight: 900;
    color: #00ff88;
    margin-bottom: 5px;
}

.arch-stat-label {
    color: #aaa;
    font-size: 0.85rem;
}

/* Process Steps */
.sector-how-it-works {
    padding: 80px 0;
    background: linear-gradient(180deg, #0d0d1a 0%, #1a1a2e 100%);
}

.process-steps {
    max-width: 800px;
    margin: 0 auto;
}

.process-step {
    display: flex;
    gap: 25px;
    margin-bottom: 40px;
    align-items: flex-start;
}

.step-number {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 900;
    color: #000;
    flex-shrink: 0;
}

.step-content h3 {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.step-content p {
    color: #aaa;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 10px;
}

.step-code {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 8px;
    padding: 10px 15px;
    font-family: 'Courier New', monospace;
    color: #00ff88;
    font-size: 0.9rem;
}

/* Performance Grid */
.sector-performance {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1a 100%);
}

.performance-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.perf-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 20px;
    padding: 30px;
    text-align: center;
}

.perf-icon {
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.perf-number {
    font-size: 2.5rem;
    font-weight: 900;
    color: #00ff88;
    display: block;
}

.perf-unit {
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}

.perf-detail {
    color: #888;
    font-size: 0.85rem;
}

/* Advantages Grid */
.sector-advantages {
    padding: 80px 0;
    background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 100%);
}

.advantage-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.advantage-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px;
}

.advantage-card h3 {
    color: #00ff88;
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.advantage-card p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Market Impact */
.sector-market-impact {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
}

.impact-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.impact-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(254, 202, 87, 0.2);
    border-radius: 20px;
    padding: 30px;
}

.impact-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.impact-icon {
    font-size: 2rem;
}

.impact-header h3 {
    color: #fff;
    font-size: 1.1rem;
}

.impact-card > p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

.impact-stat {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: rgba(254, 202, 87, 0.1);
    border-radius: 10px;
    padding: 15px;
}

.impact-stat span {
    color: #feca57;
    font-size: 0.85rem;
}

/* ===========================================
   ENERGY PAGE SPECIFIC STYLES
   =========================================== */
.energy-hero .hero-stat .stat-number {
    background: linear-gradient(135deg, #00ff88 0%, #88ff00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.energy-impact-visual {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 30px;
    align-items: center;
    margin-top: 50px;
}

.energy-before, .energy-after {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 20px;
    padding: 30px;
}

.energy-before {
    border: 1px solid rgba(255, 99, 99, 0.3);
}

.energy-after {
    border: 1px solid rgba(0, 255, 136, 0.3);
    background: linear-gradient(145deg, rgba(0, 255, 136, 0.05) 0%, transparent 100%);
}

.energy-stat-large {
    font-size: 2.5rem;
    font-weight: 900;
    color: #ff6b6b;
    margin-bottom: 15px;
}

.energy-stat-large.energy-zero {
    color: #00ff88;
}

.energy-before h3, .energy-after h3 {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.energy-before ul, .energy-after ul {
    list-style: none;
    padding: 0;
}

.energy-before ul li, .energy-after ul li {
    color: #aaa;
    padding: 8px 0;
    font-size: 0.95rem;
}

.energy-arrow {
    font-size: 3rem;
    color: #00ff88;
}

/* Transform Grid */
.sector-market-transform {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1a 100%);
}

.transform-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.transform-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 20px;
    padding: 30px;
}

.transform-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.transform-card h3 {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.transform-value {
    display: inline-block;
    background: linear-gradient(135deg, #00ff88 0%, #88ff00 100%);
    color: #000;
    padding: 5px 15px;
    border-radius: 15px;
    font-weight: 800;
    font-size: 0.85rem;
    margin-bottom: 15px;
}

.transform-card > p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

.transform-card ul {
    list-style: none;
    padding: 0;
}

.transform-card ul li {
    color: #ccc;
    padding: 5px 0;
    padding-left: 20px;
    position: relative;
    font-size: 0.9rem;
}

.transform-card ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #00ff88;
}

/* Environmental Section */
.sector-environmental {
    padding: 80px 0;
    background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 100%);
}

.environmental-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 50px;
}

.env-stat {
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 20px;
    padding: 30px;
    text-align: center;
}

.env-icon {
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.env-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 900;
    color: #00ff88;
    margin-bottom: 5px;
}

.env-label {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 10px;
    display: block;
}

.env-stat > p {
    color: #aaa;
    font-size: 0.85rem;
    line-height: 1.5;
}

.environmental-message {
    background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(136, 255, 0, 0.05) 100%);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 25px;
    padding: 40px;
    text-align: center;
}

.environmental-message h3 {
    color: #00ff88;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.environmental-message p {
    color: #ccc;
    font-size: 1.1rem;
    line-height: 1.7;
    max-width: 800px;
    margin: 0 auto;
}

.environmental-message strong {
    color: #00ff88;
}

/* Technical Section */
.sector-technical {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
}

.technical-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.tech-explain-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 35px;
}

.tech-explain-card h3 {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 25px;
}

.energy-breakdown {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.breakdown-item {
    background: rgba(255, 99, 99, 0.05);
    border: 1px solid rgba(255, 99, 99, 0.2);
    border-radius: 12px;
    padding: 15px;
}

.breakdown-label {
    color: #fff;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.breakdown-value {
    color: #ff6b6b;
    font-weight: 800;
    font-size: 1.1rem;
    float: right;
}

.breakdown-item p {
    color: #aaa;
    font-size: 0.85rem;
    clear: both;
}

.consciousness-advantage p {
    color: #ccc;
    margin-bottom: 15px;
}

.consciousness-advantage ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.consciousness-advantage ul li {
    color: #aaa;
    padding: 10px 0;
    padding-left: 30px;
    position: relative;
}

.consciousness-advantage ul li::before {
    content: '❌';
    position: absolute;
    left: 0;
}

.advantage-result {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 12px;
    padding: 15px;
    color: #ccc;
}

.advantage-result strong {
    color: #00ff88;
}

/* Global Impact */
.sector-global-impact {
    padding: 80px 0;
    background: linear-gradient(180deg, #0d0d1a 0%, #0a0a1a 100%);
}

.global-impact-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.impact-number-card {
    background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(136, 255, 0, 0.05) 100%);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 20px;
    padding: 35px;
    text-align: center;
}

.impact-big-number {
    font-size: 3rem;
    font-weight: 900;
    color: #00ff88;
    display: block;
    margin-bottom: 10px;
}

.impact-description {
    color: #ccc;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* ===========================================
   MOBILE PAGE SPECIFIC STYLES
   =========================================== */
.mobile-hero .hero-stat .stat-number {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Device Grid */
.sector-device-coverage {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1a 100%);
}

.device-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}

.device-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(168, 85, 247, 0.2);
    border-radius: 20px;
    padding: 30px;
    text-align: center;
}

.device-icon {
    font-size: 3rem;
    margin-bottom: 15px;
}

.device-card h3 {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.device-count {
    display: inline-block;
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    padding: 5px 15px;
    border-radius: 15px;
    font-weight: 800;
    font-size: 0.9rem;
    margin-bottom: 15px;
}

.device-card > p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

.device-card ul {
    list-style: none;
    padding: 0;
    text-align: left;
}

.device-card ul li {
    color: #ccc;
    padding: 5px 0;
    padding-left: 20px;
    position: relative;
    font-size: 0.85rem;
}

.device-card ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #a855f7;
}

.total-devices {
    text-align: center;
}

.total-box {
    display: inline-block;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(236, 72, 153, 0.1) 100%);
    border: 2px solid rgba(168, 85, 247, 0.4);
    border-radius: 20px;
    padding: 30px 60px;
}

.total-number {
    display: block;
    font-size: 3rem;
    font-weight: 900;
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 5px;
}

.total-label {
    color: #ccc;
    font-size: 1rem;
}

/* GPU Support */
.sector-gpu-support {
    padding: 80px 0;
    background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 100%);
}

.gpu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.gpu-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 25px;
    text-align: center;
}

.gpu-logo {
    font-size: 1.5rem;
    font-weight: 900;
    color: #fff;
    margin-bottom: 10px;
}

.gpu-card p {
    color: #aaa;
    font-size: 0.9rem;
    line-height: 1.5;
}

.gpu-total {
    text-align: center;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(236, 72, 153, 0.05) 100%);
    border: 1px solid rgba(168, 85, 247, 0.3);
    border-radius: 20px;
    padding: 30px;
}

.gpu-total h3 {
    color: #a855f7;
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.gpu-total p {
    color: #ccc;
    font-size: 1rem;
}

/* Battery Section */
.sector-battery {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
}

.battery-comparison {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 40px;
    align-items: center;
    margin-bottom: 50px;
}

.battery-before, .battery-after {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 20px;
    padding: 35px;
    text-align: center;
}

.battery-before {
    border: 1px solid rgba(255, 99, 99, 0.3);
}

.battery-after {
    border: 1px solid rgba(0, 255, 136, 0.3);
}

.battery-visual {
    width: 80px;
    height: 150px;
    border: 3px solid #666;
    border-radius: 10px;
    margin: 0 auto 20px;
    position: relative;
    overflow: hidden;
}

.battery-visual::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 8px;
    background: #666;
    border-radius: 3px 3px 0 0;
}

.battery-level {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: height 0.5s ease;
}

.battery-visual.low .battery-level {
    background: linear-gradient(180deg, #ff6b6b, #ee5a24);
}

.battery-visual.full .battery-level {
    background: linear-gradient(180deg, #00ff88, #00d4ff);
}

.infinity-symbol {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #000;
    font-weight: 900;
}

.battery-before h3, .battery-after h3 {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.battery-before ul, .battery-after ul {
    list-style: none;
    padding: 0;
    text-align: left;
}

.battery-before ul li, .battery-after ul li {
    color: #aaa;
    padding: 8px 0;
    font-size: 0.95rem;
}

.battery-after ul li strong {
    color: #00ff88;
}

.battery-arrow {
    font-size: 3rem;
    color: #00ff88;
}

.battery-message {
    background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(0, 212, 255, 0.05) 100%);
    border: 2px solid rgba(0, 255, 136, 0.3);
    border-radius: 25px;
    padding: 40px;
    text-align: center;
}

.battery-message h3 {
    color: #00ff88;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.battery-message p {
    color: #ccc;
    font-size: 1.1rem;
    line-height: 1.7;
    max-width: 700px;
    margin: 0 auto;
}

.battery-message strong {
    color: #00ff88;
}

/* Cross-Device Section */
.sector-cross-device {
    padding: 80px 0;
    background: linear-gradient(180deg, #0d0d1a 0%, #1a1a2e 100%);
}

.cross-device-visual {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.device-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.flow-device {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.2) 0%, rgba(236, 72, 153, 0.1) 100%);
    border: 1px solid rgba(168, 85, 247, 0.4);
    border-radius: 15px;
    padding: 20px 30px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}

.flow-arrow {
    color: #a855f7;
    font-size: 1.5rem;
}

.continuity-stats {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

.cont-stat {
    text-align: center;
}

.cont-number {
    display: block;
    font-size: 2rem;
    font-weight: 900;
    color: #a855f7;
    margin-bottom: 5px;
}

.cont-label {
    color: #aaa;
    font-size: 0.9rem;
}

.cross-device-description {
    color: #ccc;
    font-size: 1.1rem;
    line-height: 1.7;
    max-width: 700px;
    margin: 30px auto 0;
    text-align: center;
}

/* Market Impact Grid - Mobile Page */
.market-impact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.market-impact-card {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(236, 72, 153, 0.05) 100%);
    border: 1px solid rgba(168, 85, 247, 0.3);
    border-radius: 20px;
    padding: 35px;
    text-align: center;
}

.market-impact-card .impact-number {
    font-size: 3rem;
    font-weight: 900;
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: block;
    margin-bottom: 10px;
}

.market-impact-card .impact-category {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.market-impact-card p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* ===========================================
   RESPONSIVE STYLES
   =========================================== */
@media (max-width: 1024px) {
    .sector-hero h1 {
        font-size: 3rem;
    }
    
    .sector-hero-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .comparison-grid,
    .capability-grid,
    .use-case-grid,
    .performance-grid,
    .advantage-grid,
    .impact-cards,
    .transform-grid,
    .device-grid,
    .gpu-grid,
    .market-impact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .partnership-content {
        grid-template-columns: 1fr;
    }
    
    .validation-grid,
    .environmental-stats,
    .global-impact-grid,
    .architecture-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .technical-cards {
        grid-template-columns: 1fr;
    }
    
    .energy-impact-visual,
    .battery-comparison {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .energy-arrow,
    .battery-arrow {
        transform: rotate(90deg);
    }
}

@media (max-width: 768px) {
    .sector-hero h1 {
        font-size: 2.5rem;
    }
    
    .sector-hero-stats {
        grid-template-columns: 1fr;
    }
    
    .comparison-grid,
    .capability-grid,
    .use-case-grid,
    .performance-grid,
    .advantage-grid,
    .impact-cards,
    .transform-grid,
    .device-grid,
    .gpu-grid,
    .market-impact-grid {
        grid-template-columns: 1fr;
    }
    
    .validation-grid,
    .environmental-stats,
    .global-impact-grid,
    .architecture-stats {
        grid-template-columns: 1fr;
    }
    
    .sector-links {
        flex-direction: column;
        align-items: center;
    }
    
    .sector-link {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    .breakthrough-equation .equation-box {
        padding: 30px 20px;
    }
    
    .equation {
        font-size: 1.5rem;
    }
    
    .process-step {
        flex-direction: column;
        text-align: center;
    }
    
    .arch-level.three-col {
        grid-template-columns: 1fr;
    }
    
    .continuity-stats {
        flex-direction: column;
        gap: 20px;
    }
}