/**
 * AWC Fan Education - Dark Retro-Tech Design System
 * @package AWC_Fan_Education
 */

@import url('https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&family=Inter:wght@400;500;600;700&display=swap');

:root {
    --awcfe-primary: #00d4aa;
    --awcfe-primary-dim: #007a62;
    --awcfe-primary-bright: #00ffcc;
    --awcfe-bg-dark: #0a0a14;
    --awcfe-bg-body: #0d0d18;
    --awcfe-bg-panel: #1a1a2e;
    --awcfe-bg-panel-light: #252542;
    --awcfe-text: #e0e0e0;
    --awcfe-text-light: #ffffff;
    --awcfe-text-muted: #8888aa;
    --awcfe-text-dim: #666688;
    --awcfe-success: #00ff88;
    --awcfe-warning: #ffaa00;
    --awcfe-danger: #ff4466;
    --awcfe-glow: 0 0 10px rgba(0,212,170,0.5);
    --awcfe-glow-strong: 0 0 20px rgba(0,212,170,0.7),0 0 40px rgba(0,212,170,0.3);
    --awcfe-glow-text: 0 0 10px rgba(0,212,170,0.8);
    --awcfe-shadow: 0 4px 20px rgba(0,0,0,0.5);
    --awcfe-shadow-lg: 0 8px 40px rgba(0,0,0,0.6);
    --awcfe-border: #2a2a4a;
    --awcfe-font-headline: 'VT323',monospace;
    --awcfe-font-mono: 'Share Tech Mono',monospace;
    --awcfe-font-body: 'Inter',-apple-system,sans-serif;
    --awcfe-radius: 8px;
    --awcfe-radius-lg: 12px;
    --awcfe-transition: 0.3s ease;
}

@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 10px rgba(0,212,170,0.3)}50%{box-shadow:0 0 20px rgba(0,212,170,0.6)}}
@keyframes textGlow{0%,100%{text-shadow:0 0 5px rgba(0,212,170,0.5)}50%{text-shadow:0 0 15px rgba(0,212,170,0.8)}}
@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}

/* Terminal Frame - Sidebar Layout */
.awcfe-terminal-frame{max-width:950px;margin:2rem auto;padding:0 1rem}
.awcfe-terminal-layout{display:flex;gap:0}
.awcfe-terminal-sidebar{width:200px;flex-shrink:0;background:linear-gradient(180deg,#1a1a1a 0%,#0f0f0f 100%);border-radius:12px 0 0 12px;padding:1rem 0;display:flex;flex-direction:column}
.awcfe-sidebar-header{padding:0.75rem 1rem;border-bottom:1px solid #333;margin-bottom:0.5rem}
.awcfe-sidebar-brand{font-family:var(--awcfe-font-mono);font-size:9px;font-weight:bold;letter-spacing:0.2em;color:#555;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.awcfe-sidebar-power{width:6px;height:6px;border-radius:50%;background:var(--awcfe-primary);box-shadow:0 0 6px var(--awcfe-primary)}
.awcfe-sidebar-steps{flex:1;padding:0.5rem 0}
.awcfe-sidebar-step{display:flex;align-items:center;gap:10px;padding:0.6rem 1rem;cursor:pointer;transition:all 0.2s ease;border-left:3px solid transparent;font-family:var(--awcfe-font-mono);font-size:0.7rem;color:#666;text-transform:uppercase;letter-spacing:0.05em}
.awcfe-sidebar-step:hover{background:rgba(255,255,255,0.03);color:#888}
.awcfe-sidebar-step.completed{color:var(--awcfe-primary-dim)}
.awcfe-sidebar-step.completed .awcfe-sidebar-dot{background:var(--awcfe-primary);box-shadow:0 0 4px var(--awcfe-primary)}
.awcfe-sidebar-step.current{border-left-color:var(--awcfe-primary);background:rgba(0,212,170,0.05);color:var(--awcfe-primary)}
.awcfe-sidebar-step.current .awcfe-sidebar-dot{background:var(--awcfe-primary);box-shadow:0 0 8px var(--awcfe-primary)}
.awcfe-sidebar-dot{width:8px;height:8px;border-radius:50%;background:#333;transition:all 0.2s ease;flex-shrink:0}
.awcfe-sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.awcfe-mobile-progress{display:none}
.awcfe-terminal-main{flex:1;min-width:0}
.awcfe-terminal-bezel{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border-radius:0 16px 16px 0;padding:16px;box-shadow:0 10px 40px rgba(0,0,0,0.6),0 0 0 1px #333,inset 0 1px 0 rgba(255,255,255,0.05);position:relative}
.awcfe-terminal-screen{background:var(--awcfe-bg-body);border-radius:4px;overflow:hidden;box-shadow:inset 0 0 50px rgba(0,0,0,0.5),inset 0 0 10px rgba(0,0,0,0.3),0 0 20px rgba(0,212,170,0.15);position:relative;height:420px;max-height:calc(100vh - 200px)}
.awcfe-terminal-screen::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.1) 2px,rgba(0,0,0,0.1) 4px);pointer-events:none;z-index:10;opacity:0.3}
.awcfe-content-wrapper{position:relative;z-index:1;padding:1.5rem 2rem;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.awcfe-content{animation:fadeInUp 0.3s ease}
.awcfe-content[hidden]{display:none}
.awcfe-screen-footer{text-align:center;padding:1rem 2rem 0;position:relative;z-index:1}

/* Bezel Controls */
.awcfe-terminal-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 0;gap:1rem}
.awcfe-nav-prev,.awcfe-nav-next{font-family:var(--awcfe-font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;padding:8px 20px;border-radius:4px;cursor:pointer;transition:all 0.2s ease;border:1px solid #444;background:linear-gradient(180deg,#333 0%,#222 100%);color:#888;min-width:90px}
.awcfe-nav-prev:hover,.awcfe-nav-next:hover{border-color:var(--awcfe-primary);color:var(--awcfe-primary);box-shadow:0 0 10px rgba(0,212,170,0.2)}
.awcfe-nav-next{background:linear-gradient(180deg,var(--awcfe-primary-dim) 0%,#005544 100%);border-color:var(--awcfe-primary);color:var(--awcfe-primary)}
.awcfe-nav-next:hover{background:var(--awcfe-primary);color:#000;box-shadow:0 0 15px rgba(0,212,170,0.4)}
.awcfe-nav-spacer{flex:1}

/* Substep Dots - inline with controls */
.awcfe-substep-dots{display:flex;justify-content:center;gap:5px;flex:1}
.awcfe-dot{width:6px;height:6px;border-radius:50%;background:#444;transition:all 0.2s ease;cursor:pointer}
.awcfe-dot:hover{background:#666}
.awcfe-dot.active{background:var(--awcfe-primary);box-shadow:0 0 6px var(--awcfe-primary)}

/* Slide System */
.awcfe-slide{display:none;animation:fadeInUp 0.3s ease}
.awcfe-slide.is-active,.awcfe-slide:not([hidden]){display:block}
.awcfe-slide[hidden]{display:none}

/* Slide Content Compact Styling */
.awcfe-slide .awcfe-headline{font-size:1.75rem;margin-bottom:0.75rem}
.awcfe-slide .awcfe-subheadline{font-size:0.875rem;margin-bottom:1rem}
.awcfe-slide .awcfe-intro{font-size:0.9rem;margin-bottom:1rem}
.awcfe-section-title{font-family:var(--awcfe-font-headline);font-size:1.5rem;color:var(--awcfe-primary);margin:0 0 1rem;text-shadow:var(--awcfe-glow-text)}
.awcfe-section-content{font-size:0.9rem;color:var(--awcfe-text-muted);margin-bottom:1rem}

/* Compact Stats in Slides */
.awcfe-slide .awcfe-stats{margin:1rem 0;gap:1rem}
.awcfe-slide .awcfe-stat{padding:1rem}
.awcfe-slide .awcfe-stat-value{font-size:2rem}
.awcfe-slide .awcfe-stat-label{font-size:0.75rem}

/* Compact Features in Slides */
.awcfe-slide .awcfe-features{gap:0.75rem;margin:1rem 0}
.awcfe-slide .awcfe-feature{padding:1rem;gap:1rem}
.awcfe-slide .awcfe-feature-icon{width:40px;height:40px}
.awcfe-slide .awcfe-feature-icon svg{width:24px;height:24px}
.awcfe-slide .awcfe-feature-title{font-size:1.125rem}
.awcfe-slide .awcfe-feature-desc{font-size:0.8rem}

/* Compact Areas in Slides */
.awcfe-slide .awcfe-areas{margin:1rem 0;gap:1rem}
.awcfe-slide .awcfe-area{padding:1rem}
.awcfe-slide .awcfe-area-icon svg{width:32px;height:32px}
.awcfe-slide .awcfe-area-title{font-size:1.125rem;margin-bottom:0.5rem}
.awcfe-slide .awcfe-area-desc{font-size:0.8rem}

/* Compact Calculator in Slides */
.awcfe-slide .awcfe-calculator{padding:1.5rem;margin:1rem 0}
.awcfe-slide .awcfe-calculator-results{gap:1rem}
.awcfe-slide .awcfe-result{padding:1rem}
.awcfe-slide .awcfe-result-amount{font-size:1.75rem}

/* Compact Breakdown in Slides */
.awcfe-slide .awcfe-breakdown{margin:1rem 0;gap:2rem}
.awcfe-slide .awcfe-pie-chart{width:150px;height:150px}

/* Compact Comparison in Slides */
.awcfe-slide .awcfe-comparison{margin:1rem 0}
.awcfe-slide .awcfe-comparison-row{padding:0.75rem 1rem}
.awcfe-slide .awcfe-comparison-value{font-size:1rem}

/* Compact Tips in Slides */
.awcfe-slide .awcfe-tips{margin:1rem 0}
.awcfe-slide .awcfe-tip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem}
.awcfe-slide .awcfe-tip{padding:0.75rem 1rem;margin-bottom:0}
.awcfe-slide .awcfe-tip strong{font-size:0.875rem}
.awcfe-slide .awcfe-tip span{font-size:0.8rem;color:var(--awcfe-text-muted)}

/* Compact Device Tabs in Slides */
.awcfe-slide .awcfe-device-tabs{margin:1rem 0}
.awcfe-slide .awcfe-device-tab-buttons{display:flex;gap:0.5rem;margin-bottom:1rem;justify-content:center;flex-wrap:wrap}
.awcfe-slide .awcfe-device-tab-btn{padding:0.5rem 1rem;font-family:var(--awcfe-font-mono);font-size:0.75rem;background:var(--awcfe-bg-dark);border:1px solid var(--awcfe-border);border-radius:var(--awcfe-radius);color:var(--awcfe-text-muted);cursor:pointer;transition:all var(--awcfe-transition);text-transform:uppercase}
.awcfe-slide .awcfe-device-tab-btn:hover,.awcfe-slide .awcfe-device-tab-btn.active{background:var(--awcfe-primary);border-color:var(--awcfe-primary);color:var(--awcfe-bg-dark)}
.awcfe-slide .awcfe-device-panel{display:none}
.awcfe-slide .awcfe-device-panel.active{display:block}
.awcfe-slide .awcfe-app{background:var(--awcfe-bg-panel);padding:1rem;border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-border);text-align:left}
.awcfe-slide .awcfe-app strong{color:var(--awcfe-primary);display:block;margin-bottom:0.5rem}
.awcfe-slide .awcfe-app p{margin:0;font-size:0.85rem;color:var(--awcfe-text-muted)}

/* Compact Steps List in Slides */
.awcfe-slide .awcfe-steps-list{margin:1rem 0}
.awcfe-slide .awcfe-step-item{padding:1rem;gap:1rem;margin-bottom:0.5rem}
.awcfe-slide .awcfe-step-number{font-size:1.75rem;min-width:35px}
.awcfe-slide .awcfe-step-text h4{font-family:var(--awcfe-font-headline);font-size:1rem;color:var(--awcfe-text-light);margin:0 0 0.25rem}
.awcfe-slide .awcfe-step-text p{margin:0;font-size:0.8rem;color:var(--awcfe-text-muted)}

/* Compact Formats in Slides */
.awcfe-slide .awcfe-formats{margin:1rem 0;gap:0.75rem}
.awcfe-slide .awcfe-format-card{padding:1rem}
.awcfe-slide .awcfe-format-name{font-size:1.125rem}
.awcfe-slide .awcfe-format-desc{font-size:0.8rem}

/* Compact Benefits in Slides */
.awcfe-slide .awcfe-benefits{margin:1rem 0;gap:0.5rem}
.awcfe-slide .awcfe-benefit{padding:0.75rem 1rem}
.awcfe-slide .awcfe-benefit-text strong{font-size:0.875rem}
.awcfe-slide .awcfe-benefit-text p{font-size:0.8rem}

/* Next Steps Actions */
.awcfe-next-steps{display:flex;flex-direction:column;gap:0.75rem;align-items:center;margin:1.5rem 0}
.awcfe-action-btn{display:inline-block;padding:0.75rem 1.5rem;font-family:var(--awcfe-font-mono);font-size:0.875rem;text-decoration:none;border:1px solid var(--awcfe-border);border-radius:var(--awcfe-radius);color:var(--awcfe-text-muted);transition:all var(--awcfe-transition);text-transform:uppercase;letter-spacing:0.05em}
.awcfe-action-btn:hover{border-color:var(--awcfe-primary);color:var(--awcfe-primary)}
.awcfe-action-btn--primary{background:linear-gradient(135deg,var(--awcfe-primary),var(--awcfe-primary-dim));border-color:var(--awcfe-primary);color:var(--awcfe-bg-dark);box-shadow:var(--awcfe-glow)}
.awcfe-action-btn--primary:hover{background:var(--awcfe-primary-bright);color:var(--awcfe-bg-dark);box-shadow:var(--awcfe-glow-strong)}

.awcfe-body{margin:0;padding:0;font-family:var(--awcfe-font-body);font-size:16px;line-height:1.7;color:var(--awcfe-text);background:var(--awcfe-bg-body);-webkit-font-smoothing:antialiased;min-height:100vh}
.awcfe-body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.03) 2px,rgba(0,0,0,0.03) 4px);pointer-events:none;z-index:9999}

.awcfe-wrapper{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--awcfe-bg-dark) 0%,var(--awcfe-bg-body) 100%);position:relative}
.awcfe-wrapper::before,.awcfe-wrapper::after{content:'';position:fixed;width:40px;height:40px;border:2px solid var(--awcfe-primary);opacity:0.3;pointer-events:none;z-index:100}
.awcfe-wrapper::before{top:20px;left:20px;border-right:none;border-bottom:none}
.awcfe-wrapper::after{bottom:20px;right:20px;border-left:none;border-top:none}


.awcfe-main{flex:1;padding:2rem;max-width:700px;margin:0 auto;width:100%;box-sizing:border-box}

.awcfe-headline{font-family:var(--awcfe-font-headline);font-size:2.5rem;font-weight:400;margin:0 0 1rem;color:var(--awcfe-text-light);line-height:1.1;text-shadow:var(--awcfe-glow-text)}
.awcfe-subheadline{font-family:var(--awcfe-font-mono);font-size:1rem;color:var(--awcfe-primary);margin-bottom:1.5rem}
.awcfe-intro{font-size:1rem;color:var(--awcfe-text-muted);margin-bottom:1.5rem;line-height:1.7}
.awcfe-body-text{font-size:1rem;line-height:1.8;color:var(--awcfe-text);margin-bottom:1.5rem;text-align:left}
.awcfe-body-text strong{color:var(--awcfe-primary)}
.awcfe-step h2{font-family:var(--awcfe-font-headline);font-size:1.75rem;margin:2rem 0 1rem;color:var(--awcfe-text-light)}
.awcfe-step h3{font-family:var(--awcfe-font-headline);font-size:1.25rem;margin:1.5rem 0 0.75rem;color:var(--awcfe-primary)}

.awcfe-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-family:var(--awcfe-font-mono);font-size:0.875rem;font-weight:500;text-decoration:none;border:2px solid var(--awcfe-primary);border-radius:var(--awcfe-radius);cursor:pointer;transition:all var(--awcfe-transition);background:linear-gradient(135deg,var(--awcfe-primary),var(--awcfe-primary-dim));color:var(--awcfe-bg-dark);text-transform:uppercase;letter-spacing:0.1em;box-shadow:var(--awcfe-glow);position:relative;overflow:hidden}
.awcfe-button:hover{background:var(--awcfe-primary-bright);box-shadow:var(--awcfe-glow-strong);transform:translateY(-2px);color:var(--awcfe-bg-dark)}
.awcfe-button--large{padding:1rem 2rem;font-size:1rem}
.awcfe-button--secondary{background:transparent;color:var(--awcfe-primary);box-shadow:none}
.awcfe-button--secondary:hover{background:rgba(0,212,170,0.1);color:var(--awcfe-primary-bright)}


.awcfe-footer{padding:2rem;text-align:center;border-top:1px solid var(--awcfe-border);background:var(--awcfe-bg-dark)}
.awcfe-footer-links{margin-bottom:1rem}
.awcfe-footer a{font-family:var(--awcfe-font-mono);color:var(--awcfe-text-muted);text-decoration:none;margin:0 1rem;font-size:0.875rem;transition:all var(--awcfe-transition)}
.awcfe-footer a:hover{color:var(--awcfe-primary);text-shadow:var(--awcfe-glow-text)}

.awcfe-artist-photo{text-align:center;margin-bottom:2.5rem}
.awcfe-artist-photo img,.awcfe-photo{border-radius:50%;width:140px;height:140px;object-fit:cover;border:3px solid var(--awcfe-primary);box-shadow:var(--awcfe-glow-strong),var(--awcfe-shadow-lg);transition:all var(--awcfe-transition)}
.awcfe-artist-photo:hover img{transform:scale(1.05);box-shadow:0 0 30px rgba(0,212,170,0.6),0 0 60px rgba(0,212,170,0.3)}
.awcfe-artist-photo--large img,.awcfe-artist-photo--large .awcfe-photo{width:200px;height:200px}

.awcfe-artist-message{font-size:1.25rem;font-style:italic;color:var(--awcfe-text);padding:2rem 2.5rem;margin:2.5rem 0;background:var(--awcfe-bg-panel);border-left:4px solid var(--awcfe-primary);border-radius:0 var(--awcfe-radius-lg) var(--awcfe-radius-lg) 0;box-shadow:var(--awcfe-shadow);position:relative}

.awcfe-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:2.5rem 0}
.awcfe-stat{background:var(--awcfe-bg-panel);padding:2rem;border-radius:var(--awcfe-radius-lg);text-align:center;border:1px solid var(--awcfe-border);transition:all var(--awcfe-transition);position:relative;overflow:hidden}
.awcfe-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--awcfe-primary),var(--awcfe-primary-bright))}
.awcfe-stat:hover{transform:translateY(-5px);border-color:var(--awcfe-primary);box-shadow:var(--awcfe-glow),var(--awcfe-shadow-lg)}
.awcfe-stat-value{font-family:var(--awcfe-font-headline);font-size:3rem;color:var(--awcfe-danger);display:block;text-shadow:0 0 10px rgba(255,68,102,0.5);margin-bottom:0.5rem}
.awcfe-stat-label{font-family:var(--awcfe-font-mono);font-size:0.875rem;color:var(--awcfe-text-muted)}

.awcfe-comparison{margin:2.5rem 0;overflow:hidden;border-radius:var(--awcfe-radius-lg);border:1px solid var(--awcfe-border);background:var(--awcfe-bg-panel)}
.awcfe-comparison-table{width:100%;border-collapse:collapse}
.awcfe-comparison-table th,.awcfe-comparison-table td{padding:1.25rem;text-align:left;border-bottom:1px solid var(--awcfe-border)}
.awcfe-comparison-table th{background:var(--awcfe-bg-dark);font-family:var(--awcfe-font-mono);font-weight:600;color:var(--awcfe-primary);text-transform:uppercase;font-size:0.8rem;letter-spacing:0.1em}
.awcfe-comparison-table tr:last-child td{border-bottom:none}
.awcfe-comparison-table .danger{color:var(--awcfe-danger);font-weight:600}
.awcfe-comparison-table .success{color:var(--awcfe-success);font-weight:600}

.awcfe-features{display:grid;gap:1.5rem;margin:2.5rem 0}
.awcfe-feature{display:flex;gap:1.5rem;padding:2rem;background:var(--awcfe-bg-panel);border-radius:var(--awcfe-radius-lg);border:1px solid var(--awcfe-border);transition:all var(--awcfe-transition);animation:slideIn 0.5s ease both}
.awcfe-feature:nth-child(1){animation-delay:0.1s}
.awcfe-feature:nth-child(2){animation-delay:0.2s}
.awcfe-feature:nth-child(3){animation-delay:0.3s}
.awcfe-feature:nth-child(4){animation-delay:0.4s}
.awcfe-feature:nth-child(5){animation-delay:0.5s}
.awcfe-feature:hover{border-color:var(--awcfe-primary);transform:translateX(10px);box-shadow:var(--awcfe-glow)}
.awcfe-feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--awcfe-bg-dark);border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-primary-dim);flex-shrink:0;color:var(--awcfe-primary)}
.awcfe-feature-icon svg{width:32px;height:32px}
.awcfe-feature-content{flex:1}
.awcfe-feature-title{font-family:var(--awcfe-font-headline);font-size:1.5rem;margin:0 0 0.5rem;color:var(--awcfe-primary)}
.awcfe-feature-desc{font-size:1rem;color:var(--awcfe-text-muted);margin:0}

.awcfe-calculator{background:var(--awcfe-bg-panel);padding:2.5rem;border-radius:var(--awcfe-radius-lg);margin:2.5rem 0;border:1px solid var(--awcfe-border)}
.awcfe-calculator-intro{text-align:center;margin-bottom:2rem;font-family:var(--awcfe-font-mono);color:var(--awcfe-text-muted)}
.awcfe-calculator-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}
.awcfe-calculator-controls label{font-family:var(--awcfe-font-mono);color:var(--awcfe-text)}
.awcfe-calculator-controls input[type=range]{width:100%;max-width:500px;height:8px;border-radius:4px;background:var(--awcfe-bg-dark);-webkit-appearance:none;border:1px solid var(--awcfe-border)}
.awcfe-calculator-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--awcfe-primary);cursor:pointer;box-shadow:var(--awcfe-glow)}
.awcfe-streams-display{font-family:var(--awcfe-font-headline);font-size:2rem;color:var(--awcfe-primary-bright);text-shadow:var(--awcfe-glow-text)}
.awcfe-calculator-results{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.awcfe-result{background:var(--awcfe-bg-dark);padding:2rem;border-radius:var(--awcfe-radius);text-align:center;border:1px solid var(--awcfe-border)}
.awcfe-result h4{font-family:var(--awcfe-font-mono);margin:0 0 1rem;font-size:0.8rem;color:var(--awcfe-text-muted);text-transform:uppercase}
.awcfe-result-amount{font-family:var(--awcfe-font-headline);font-size:2.5rem}
.awcfe-result.streaming .awcfe-result-amount{color:var(--awcfe-danger);text-shadow:0 0 10px rgba(255,68,102,0.5)}
.awcfe-result.streaming{border-color:rgba(255,68,102,0.3)}
.awcfe-result.direct .awcfe-result-amount{color:var(--awcfe-success);text-shadow:0 0 10px rgba(0,255,136,0.5)}
.awcfe-result.direct{border-color:rgba(0,255,136,0.3)}
.awcfe-calculator-note{text-align:center;margin-top:2rem;font-family:var(--awcfe-font-mono);font-size:0.875rem;color:var(--awcfe-text-dim)}

.awcfe-benefits{display:grid;gap:1rem;margin:2rem 0}
.awcfe-benefit{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:var(--awcfe-bg-panel);border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-border);transition:all var(--awcfe-transition)}
.awcfe-benefit:hover{border-color:var(--awcfe-primary);transform:translateX(5px)}
.awcfe-benefit-icon{color:var(--awcfe-success);font-size:1.25rem}
.awcfe-benefit-text strong{color:var(--awcfe-text-light);display:block;margin-bottom:0.25rem}
.awcfe-benefit-text p{margin:0;color:var(--awcfe-text-muted);font-size:0.9375rem}

.awcfe-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2.5rem 0}
.awcfe-area{background:var(--awcfe-bg-panel);padding:2rem;border-radius:var(--awcfe-radius-lg);border:1px solid var(--awcfe-border);text-align:center;transition:all var(--awcfe-transition);position:relative;overflow:hidden}
.awcfe-area::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--awcfe-primary-dim),var(--awcfe-primary));opacity:0;transition:opacity var(--awcfe-transition)}
.awcfe-area:hover{transform:translateY(-8px);border-color:var(--awcfe-primary);box-shadow:var(--awcfe-glow),var(--awcfe-shadow-lg)}
.awcfe-area:hover::before{opacity:1}
.awcfe-area-icon{margin-bottom:1rem;display:block;color:var(--awcfe-primary)}
.awcfe-area-icon svg{width:48px;height:48px}
.awcfe-area-title{font-family:var(--awcfe-font-headline);font-size:1.5rem;color:var(--awcfe-primary);margin:0 0 0.75rem}
.awcfe-area-desc{color:var(--awcfe-text-muted);font-size:0.9375rem;margin:0}

.awcfe-owning-music{margin:2rem 0}
.awcfe-om-tabs{display:flex;gap:0.5rem;margin-bottom:2rem;flex-wrap:wrap;border-bottom:1px solid var(--awcfe-border);padding-bottom:1rem}
.awcfe-om-tab{padding:0.75rem 1.5rem;font-family:var(--awcfe-font-mono);font-size:0.875rem;background:transparent;border:1px solid var(--awcfe-border);border-radius:var(--awcfe-radius);color:var(--awcfe-text-muted);cursor:pointer;transition:all var(--awcfe-transition);text-transform:uppercase}
.awcfe-om-tab:hover{border-color:var(--awcfe-primary);color:var(--awcfe-primary)}
.awcfe-om-tab.active{background:var(--awcfe-primary);border-color:var(--awcfe-primary);color:var(--awcfe-bg-dark);box-shadow:var(--awcfe-glow)}
.awcfe-om-section{display:none;animation:fadeInUp 0.4s ease}
.awcfe-om-section.active{display:block}
.awcfe-om-section-title{font-family:var(--awcfe-font-headline);font-size:2rem;color:var(--awcfe-text-light);margin:0 0 1.5rem}
.awcfe-om-section-content{color:var(--awcfe-text);margin-bottom:2rem}

.awcfe-formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}
.awcfe-format-card{background:var(--awcfe-bg-panel);padding:1.5rem;border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-border);transition:all var(--awcfe-transition)}
.awcfe-format-card:hover{border-color:var(--awcfe-primary);transform:translateY(-3px)}
.awcfe-format-name{font-family:var(--awcfe-font-headline);font-size:1.5rem;color:var(--awcfe-primary-bright);margin:0 0 0.5rem}
.awcfe-format-desc{color:var(--awcfe-text-muted);font-size:0.9rem;margin:0 0 1rem}
.awcfe-format-meta{display:flex;flex-direction:column;gap:0.5rem;font-size:0.8rem;color:var(--awcfe-text-dim)}
.awcfe-format-meta strong{color:var(--awcfe-text-muted)}
.awcfe-recommendation{font-family:var(--awcfe-font-mono);font-size:0.9rem;color:var(--awcfe-primary);padding:1rem;background:rgba(0,212,170,0.1);border-radius:var(--awcfe-radius);border-left:3px solid var(--awcfe-primary);margin-top:1.5rem}

.awcfe-contrast{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}
.awcfe-contrast-col{padding:1.5rem;border-radius:var(--awcfe-radius);border:1px solid}
.awcfe-contrast-col h4{font-family:var(--awcfe-font-headline);font-size:1.25rem;margin:0 0 1rem}
.awcfe-contrast-col ul{list-style:none;padding:0;margin:0}
.awcfe-contrast-col li{padding:0.5rem 0;display:flex;gap:0.5rem}
.awcfe-contrast-col--bad{background:rgba(255,68,102,0.05);border-color:rgba(255,68,102,0.3)}
.awcfe-contrast-col--bad h4{color:var(--awcfe-danger)}
.awcfe-contrast-col--good{background:rgba(0,255,136,0.05);border-color:rgba(0,255,136,0.3)}
.awcfe-contrast-col--good h4{color:var(--awcfe-success)}
.awcfe-x{color:var(--awcfe-danger);font-weight:bold}
.awcfe-check{color:var(--awcfe-success);font-weight:bold}

.awcfe-devices{margin:2rem 0}
.awcfe-device-tabs{display:flex;gap:0.5rem;margin-bottom:1.5rem;flex-wrap:wrap}
.awcfe-device-tab{padding:0.6rem 1.2rem;font-family:var(--awcfe-font-mono);font-size:0.8rem;background:var(--awcfe-bg-dark);border:1px solid var(--awcfe-border);border-radius:var(--awcfe-radius);color:var(--awcfe-text-muted);cursor:pointer;transition:all var(--awcfe-transition)}
.awcfe-device-tab:hover,.awcfe-device-tab.active{background:var(--awcfe-primary);border-color:var(--awcfe-primary);color:var(--awcfe-bg-dark)}
.awcfe-device-content{display:none;animation:fadeInUp 0.3s ease}
.awcfe-device-content.active{display:block}

.awcfe-app-card{background:var(--awcfe-bg-panel);padding:1.5rem;border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-border);margin-bottom:1rem}
.awcfe-app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}
.awcfe-app-name{font-family:var(--awcfe-font-headline);font-size:1.25rem;color:var(--awcfe-text-light);margin:0}
.awcfe-app-badge{font-family:var(--awcfe-font-mono);font-size:0.7rem;padding:0.25rem 0.75rem;background:var(--awcfe-bg-dark);border-radius:20px;color:var(--awcfe-text-muted);text-transform:uppercase}
.awcfe-app-badge--free{background:rgba(0,255,136,0.1);color:var(--awcfe-success);border:1px solid rgba(0,255,136,0.3)}
.awcfe-app-desc{color:var(--awcfe-text-muted);font-size:0.9rem;margin:0 0 1rem}
.awcfe-app-steps{padding-left:1.5rem;margin:0 0 1rem;color:var(--awcfe-text)}
.awcfe-app-steps li{margin-bottom:0.5rem}
.awcfe-app-link{font-family:var(--awcfe-font-mono);color:var(--awcfe-primary);text-decoration:none;font-size:0.875rem;transition:all var(--awcfe-transition)}
.awcfe-app-link:hover{color:var(--awcfe-primary-bright);text-shadow:var(--awcfe-glow-text)}

.awcfe-tips{margin:2rem 0}
.awcfe-tip{background:var(--awcfe-bg-panel);padding:1.25rem 1.5rem;border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-border);margin-bottom:0.75rem}
.awcfe-tip strong{color:var(--awcfe-primary);display:block;margin-bottom:0.25rem}
.awcfe-tip p{margin:0;color:var(--awcfe-text-muted);font-size:0.9375rem}
.awcfe-tip-note{font-family:var(--awcfe-font-mono);font-size:0.875rem;color:var(--awcfe-text-dim);padding:1rem;background:var(--awcfe-bg-dark);border-radius:var(--awcfe-radius);margin-top:1rem}

.awcfe-quick-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:2rem 0}
.awcfe-quick-guide{background:var(--awcfe-bg-panel);padding:1.5rem;border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-border)}
.awcfe-quick-guide h5{font-family:var(--awcfe-font-headline);font-size:1.125rem;color:var(--awcfe-primary);margin:0 0 1rem}
.awcfe-quick-guide ol{padding-left:1.25rem;margin:0;color:var(--awcfe-text)}
.awcfe-quick-guide li{margin-bottom:0.5rem}

.awcfe-reassurance{background:linear-gradient(135deg,var(--awcfe-bg-panel),var(--awcfe-bg-panel-light));padding:2rem;border-radius:var(--awcfe-radius-lg);border:1px solid var(--awcfe-primary-dim);margin-top:3rem;text-align:center}
.awcfe-reassurance h4{font-family:var(--awcfe-font-headline);font-size:1.5rem;color:var(--awcfe-primary);margin:0 0 1rem}

.awcfe-steps-list{margin:2rem 0}
.awcfe-step-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--awcfe-bg-panel);border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-border);margin-bottom:1rem;transition:all var(--awcfe-transition)}
.awcfe-step-item:hover{border-color:var(--awcfe-primary);transform:translateX(5px)}
.awcfe-step-number{font-family:var(--awcfe-font-headline);font-size:2.5rem;color:var(--awcfe-primary);text-shadow:var(--awcfe-glow-text);min-width:50px}
.awcfe-step-content{flex:1}
.awcfe-step-title{font-family:var(--awcfe-font-headline);font-size:1.25rem;color:var(--awcfe-text-light);margin:0 0 0.5rem}
.awcfe-step-desc{color:var(--awcfe-text-muted);margin:0;font-size:0.9375rem}

.awcfe-token-explanation{background:var(--awcfe-bg-panel);padding:2rem;border-radius:var(--awcfe-radius-lg);border:1px solid var(--awcfe-primary-dim);margin-top:2rem}
.awcfe-token-explanation h3{font-family:var(--awcfe-font-headline);font-size:1.5rem;color:var(--awcfe-primary);margin:0 0 1rem}

.awcfe-social-proof{text-align:center;padding:1.5rem 2rem;background:rgba(0,212,170,0.1);border-radius:var(--awcfe-radius);border:1px solid rgba(0,212,170,0.2);margin:2rem 0;font-family:var(--awcfe-font-mono);font-size:1.125rem;color:var(--awcfe-primary)}

.awcfe-next-steps{display:flex;flex-direction:column;gap:1rem;align-items:center;margin:2.5rem 0}
.awcfe-next-step{font-family:var(--awcfe-font-mono);text-decoration:none;color:var(--awcfe-text-muted);transition:all var(--awcfe-transition);padding:0.5rem 1rem}
.awcfe-next-step:hover{color:var(--awcfe-primary)}
.awcfe-next-step--primary{width:100%;max-width:350px}

.awcfe-video{margin:2.5rem 0;border-radius:var(--awcfe-radius-lg);overflow:hidden;border:1px solid var(--awcfe-border);box-shadow:var(--awcfe-shadow)}
.awcfe-video iframe{width:100%;aspect-ratio:16/9;border:none;display:block}
.awcfe-image{margin:2rem 0;text-align:center}
.awcfe-image img{max-width:100%;height:auto;border-radius:var(--awcfe-radius-lg);border:1px solid var(--awcfe-border)}

.awcfe-faq-list{margin:2rem 0}
.awcfe-faq-item{background:var(--awcfe-bg-panel);border:1px solid var(--awcfe-border);border-radius:var(--awcfe-radius);margin-bottom:0.75rem;overflow:hidden;transition:all var(--awcfe-transition)}
.awcfe-faq-item:hover{border-color:var(--awcfe-primary-dim)}
.awcfe-faq-question{padding:1.25rem 1.5rem;cursor:pointer;font-family:var(--awcfe-font-mono);font-weight:500;color:var(--awcfe-text);list-style:none;display:flex;justify-content:space-between;align-items:center;transition:all var(--awcfe-transition)}
.awcfe-faq-question::-webkit-details-marker{display:none}
.awcfe-faq-question:hover{color:var(--awcfe-primary)}
.awcfe-faq-question::after{content:"+";font-family:var(--awcfe-font-headline);font-size:1.75rem;color:var(--awcfe-primary)}
.awcfe-faq-item[open] .awcfe-faq-question::after{transform:rotate(45deg)}
.awcfe-faq-item[open]{border-color:var(--awcfe-primary);box-shadow:var(--awcfe-glow)}
.awcfe-faq-answer{padding:0 1.5rem 1.5rem;color:var(--awcfe-text-muted)}

.awcfe-guide-section{margin-bottom:3rem}
.awcfe-guide-cta{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--awcfe-border)}
.awcfe-artist-statement-page{text-align:center}
.awcfe-statement-photo{margin-bottom:2rem}
.awcfe-statement-photo img{border-radius:50%;width:180px;height:180px;object-fit:cover;border:3px solid var(--awcfe-primary);box-shadow:var(--awcfe-glow-strong)}
.awcfe-statement-body{text-align:left;max-width:650px;margin:2rem auto;font-size:1.125rem;line-height:1.9;color:var(--awcfe-text)}
.awcfe-signature{max-width:220px;height:auto;margin-top:2rem;filter:brightness(0) invert(1);opacity:0.8}

.awcfe-widget{margin:2rem 0}
.awcfe-widget-faq{max-width:750px}
.awcfe-widget-comparison{overflow-x:auto}

@media (max-width:768px){
.awcfe-header{padding:0.75rem 1rem}
.awcfe-main{padding:2.5rem 1.25rem}
.awcfe-headline{font-size:2.5rem}
.awcfe-stats{grid-template-columns:1fr}
.awcfe-calculator-results{grid-template-columns:1fr}
.awcfe-nav{flex-direction:column;gap:1.5rem}
.awcfe-nav .awcfe-nav-prev{order:2}
.awcfe-terminal-controls .awcfe-nav-prev{order:2}
.awcfe-terminal-controls .awcfe-nav-next{order:-1}
.awcfe-feature{flex-direction:column;text-align:center}
.awcfe-feature-icon{margin:0 auto}
.awcfe-contrast{grid-template-columns:1fr}
.awcfe-wrapper::before,.awcfe-wrapper::after{display:none}
/* Mobile Terminal Layout */
.awcfe-terminal-frame{margin:0.5rem auto;padding:0 0.5rem}
.awcfe-terminal-layout{flex-direction:column}
.awcfe-terminal-sidebar{display:none}
.awcfe-terminal-bezel{border-radius:0 0 12px 12px;padding:12px}
.awcfe-terminal-screen{height:auto;min-height:300px;max-height:calc(100vh - 180px);overflow:hidden}
.awcfe-content-wrapper{padding:1.25rem 1rem;min-height:280px}
.awcfe-terminal-controls{padding:10px 4px 0;gap:0.5rem}
.awcfe-nav-prev,.awcfe-nav-next{padding:8px 14px;font-size:0.7rem;min-width:70px}
.awcfe-substep-dots{gap:4px}
.awcfe-dot{width:5px;height:5px}
/* Mobile Progress Bar - horizontal at top */
.awcfe-mobile-progress{display:flex;gap:3px;padding:10px 12px;background:linear-gradient(180deg,#1a1a1a 0%,#111 100%);border-radius:12px 12px 0 0}
.awcfe-mobile-progress-step{flex:1;height:4px;background:#333;border-radius:2px;cursor:pointer;transition:all 0.2s}
.awcfe-mobile-progress-step.completed{background:var(--awcfe-primary)}
.awcfe-mobile-progress-step.current{background:var(--awcfe-primary-bright);box-shadow:0 0 6px var(--awcfe-primary)}
.awcfe-slide .awcfe-headline{font-size:1.4rem}
.awcfe-slide .awcfe-subheadline{font-size:0.8rem}
.awcfe-slide .awcfe-intro,.awcfe-slide .awcfe-body-text{font-size:0.85rem}
.awcfe-slide .awcfe-areas{grid-template-columns:1fr}
.awcfe-slide .awcfe-breakdown{flex-direction:column}
.awcfe-slide .awcfe-formats{grid-template-columns:1fr}
.awcfe-slide .awcfe-features{gap:0.5rem}
.awcfe-slide .awcfe-feature{padding:0.75rem}
}

@media (max-width:480px){
.awcfe-headline{font-size:2rem}
.awcfe-button--large{padding:1rem 1.75rem;font-size:1rem}
.awcfe-stat-value{font-size:2.25rem}
.awcfe-result-amount{font-size:2rem}
.awcfe-step-item{flex-direction:column;text-align:center}
.awcfe-step-number{margin:0 auto}
}

@media print{
.awcfe-header,.awcfe-footer,.awcfe-nav,.awcfe-skip,.awcfe-progress{display:none}
.awcfe-body{background:white;color:black}
.awcfe-body::before{display:none}
.awcfe-wrapper::before,.awcfe-wrapper::after{display:none}
}


/* Comparison Section (The Problem) */
.awcfe-comparison-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:var(--awcfe-bg-dark);font-family:var(--awcfe-font-mono);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em}
.awcfe-comparison-left{color:var(--awcfe-danger)}
.awcfe-comparison-right{color:var(--awcfe-success)}
.awcfe-comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--awcfe-border);align-items:center}
.awcfe-comparison-row:last-child{border-bottom:none}
.awcfe-comparison-label{font-family:var(--awcfe-font-mono);color:var(--awcfe-text-muted)}
.awcfe-comparison-value{text-align:center;font-family:var(--awcfe-font-headline);font-size:1.25rem}
.awcfe-comparison-value--left{color:var(--awcfe-danger)}
.awcfe-comparison-value--right{color:var(--awcfe-success)}

/* Breakdown Pie Chart (Your Impact) */
.awcfe-breakdown{display:flex;gap:3rem;align-items:center;justify-content:center;margin:2.5rem 0;flex-wrap:wrap}
.awcfe-pie-chart{width:200px;height:200px;border-radius:50%;overflow:hidden}
.awcfe-pie{width:100%;height:100%;filter:drop-shadow(var(--awcfe-glow))}
.awcfe-breakdown-legend{display:flex;flex-direction:column;gap:1rem}
.awcfe-breakdown-item{display:flex;align-items:center;gap:0.75rem}
.awcfe-breakdown-color{width:16px;height:16px;border-radius:4px}
.awcfe-breakdown-label{color:var(--awcfe-text);font-size:0.9rem}
.awcfe-breakdown-percent{font-family:var(--awcfe-font-headline);color:var(--awcfe-primary);font-size:1.25rem}

/* Feature cards/grid for whats-here (if needed as fallback) */
.awcfe-features--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}
.awcfe-feature-card{background:var(--awcfe-bg-panel);padding:2rem;border-radius:var(--awcfe-radius-lg);border:1px solid var(--awcfe-border);text-align:center;transition:all var(--awcfe-transition);position:relative}
.awcfe-feature-card:hover{transform:translateY(-5px);border-color:var(--awcfe-primary);box-shadow:var(--awcfe-glow)}
.awcfe-feature-card--available{border-color:var(--awcfe-primary-dim)}
.awcfe-feature-badge{position:absolute;top:1rem;right:1rem;font-family:var(--awcfe-font-mono);font-size:0.7rem;padding:0.25rem 0.5rem;background:rgba(0,212,170,0.2);color:var(--awcfe-primary);border-radius:4px;text-transform:uppercase}

.awcfe-area--available{border-color:var(--awcfe-primary-dim)}
.awcfe-area-badge{display:inline-block;margin-top:1rem;font-family:var(--awcfe-font-mono);font-size:0.7rem;padding:0.25rem 0.75rem;background:rgba(0,212,170,0.15);color:var(--awcfe-primary);border-radius:20px;text-transform:uppercase;letter-spacing:0.05em;border:1px solid rgba(0,212,170,0.3)}

/* Breakdown Chart - Bar Style */
.awcfe-breakdown-chart{display:flex;height:40px;border-radius:var(--awcfe-radius);overflow:hidden;margin-bottom:1rem}
.awcfe-breakdown-item{display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--awcfe-font-mono);font-size:0.75rem}
.awcfe-breakdown-item--primary{background:var(--awcfe-primary)}
.awcfe-breakdown-item--secondary{background:var(--awcfe-warning)}
.awcfe-breakdown-item--tertiary{background:var(--awcfe-text-dim)}
.awcfe-breakdown-legend-item{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--awcfe-text-muted);margin-bottom:0.25rem}
.awcfe-breakdown-dot{width:12px;height:12px;border-radius:3px}
.awcfe-breakdown-dot--primary{background:var(--awcfe-primary)}
.awcfe-breakdown-dot--secondary{background:var(--awcfe-warning)}
.awcfe-breakdown-dot--tertiary{background:var(--awcfe-text-dim)}

/* Comparison Val Styling */
.awcfe-comparison-val{font-family:var(--awcfe-font-headline);font-size:1rem;text-align:center}
.awcfe-comparison-val--left{color:var(--awcfe-danger)}
.awcfe-comparison-val--right{color:var(--awcfe-success)}

/* Format List in Slides */
.awcfe-format-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0.75rem}
.awcfe-format{background:var(--awcfe-bg-panel);padding:1rem;border-radius:var(--awcfe-radius);border:1px solid var(--awcfe-border);text-align:left}
.awcfe-format-name{font-family:var(--awcfe-font-headline);font-size:1.25rem;color:var(--awcfe-primary);display:block;margin-bottom:0.25rem}
.awcfe-format-quality{font-family:var(--awcfe-font-mono);font-size:0.7rem;color:var(--awcfe-success);text-transform:uppercase}
.awcfe-format-desc{font-size:0.8rem;color:var(--awcfe-text-muted);margin:0.5rem 0 0}

/* Benefit List in Slides */
.awcfe-benefit-list{display:flex;flex-direction:column;gap:0.5rem}
.awcfe-benefit-title{font-family:var(--awcfe-font-headline);font-size:1rem;color:var(--awcfe-text-light);margin:0 0 0.25rem}
.awcfe-benefit-desc{font-size:0.8rem;color:var(--awcfe-text-muted);margin:0}