/* EQOS vs IA — Page-specific styles */




/* COMPARISON TABLE */
.vs-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(232,230,225,0.06);margin:var(--sp-xl) 0}
.vs-table th,.vs-table td{padding:var(--sp-md);text-align:left;border-bottom:1px solid rgba(232,230,225,0.04);font-size:14px;vertical-align:top}
.vs-table thead th{background:var(--bg2);color:var(--gold);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;padding:var(--sp-md)}
.vs-table tbody tr:hover{background:rgba(200,168,78,0.02)}
.vs-table td:first-child{color:var(--text);font-weight:600;min-width:180px}
.vs-table td{color:var(--text-dim)}
.vs-eqos{background:rgba(200,168,78,0.03)!important}
.vs-eqos td{color:var(--gold)!important;font-weight:600!important}
.vs-check{color:var(--success);font-weight:700}
.vs-cross{color:var(--danger);font-weight:700}
.vs-warn{color:#e8a84a;font-weight:600}

/* VS CARDS */
.vs-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:var(--sp-md);align-items:start;margin:var(--sp-xl) 0}
.vs-card{background:rgba(255,255,255,0.02);border:1px solid rgba(232,230,225,0.06);border-radius:var(--radius-lg);padding:var(--sp-lg)}
.vs-card.eqos-card{border-color:rgba(200,168,78,0.25);background:rgba(200,168,78,0.02)}
.vs-card h3{font-size:var(--fs-md);font-weight:800;margin-bottom:var(--sp-md)}
.vs-card.eqos-card h3{color:var(--gold)}
.vs-separator{display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);font-weight:900;color:rgba(200,168,78,0.3)}
.vs-point{display:flex;gap:var(--sp-sm);padding:var(--sp-sm) 0;border-bottom:1px solid rgba(232,230,225,0.04);align-items:flex-start}
.vs-point:last-child{border:none}
.vs-point .icon{font-size:16px;flex-shrink:0;margin-top:2px}
.vs-point p{font-size:14px;color:var(--text-mid);line-height:1.6}
.vs-point p strong{color:var(--text)}

/* STATS ROW */
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-md);margin:var(--sp-xl) 0}
.stat-box{text-align:center;padding:var(--sp-lg);background:rgba(232,74,74,0.04);border:1px solid rgba(232,74,74,0.1);border-radius:var(--radius-lg)}
.stat-box.good{background:rgba(74,232,122,0.04);border-color:rgba(74,232,122,0.15)}
.stat-box .stat-num{font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.1;margin-bottom:var(--sp-xs)}
.stat-box .stat-num.red{background:linear-gradient(135deg,#e84a4a,#ff8a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-box .stat-num.red.animated{animation:numPulseRed 2s ease-in-out}
@keyframes numPulseRed{0%{filter:brightness(1)}50%{filter:brightness(1.4) drop-shadow(0 0 20px rgba(232,74,74,0.4))}100%{filter:brightness(1)}}
.stat-box .stat-num.green{color:var(--success)}
.stat-box .stat-num.gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-box .stat-num.gold.animated{animation:numPulseGold 2s ease-in-out}
@keyframes numPulseGold{0%{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(200,168,78,0.4))}100%{filter:brightness(1)}}
.stat-box p{font-size:var(--fs-sm);color:var(--text-dim);line-height:1.5}
.stat-box .source{font-size:var(--fs-xs);color:rgba(165,165,178,0.5);margin-top:var(--sp-xs)}





@media(max-width:1024px){
  .burger{display:flex}
  .nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,8,13,0.98);flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-lg);z-index:1000}
  .nav-links.open{display:flex}
  .nav-links a{font-size:var(--fs-base);color:var(--text)}
  .vs-grid{grid-template-columns:1fr;gap:var(--sp-lg)}
  .vs-separator{transform:rotate(90deg)}
  .vs-table{font-size:13px}
  .vs-table th,.vs-table td{padding:var(--sp-sm)}
}
@media(max-width:768px){nav{padding:var(--sp-sm) var(--sp-md)}.stat-row{grid-template-columns:1fr}.related-pages{grid-template-columns:1fr}}
@media(max-width:600px){section{padding:var(--sp-xl) var(--sp-sm)}.vs-table td:first-child{min-width:120px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}.eq-float-layer{display:none}.reveal{opacity:1;transform:none}}

/* FACE-TO-FACE CHART */
.face-chart{margin:var(--sp-xl) 0;background:rgba(255,255,255,0.015);border:1px solid rgba(232,230,225,0.06);border-radius:var(--radius-lg);padding:var(--sp-xl)}
.face-row{display:grid;grid-template-columns:160px 1fr;gap:var(--sp-lg);align-items:center;padding:var(--sp-lg) 0;border-bottom:1px solid rgba(232,230,225,0.04)}
.face-row:last-child{border:none}
.face-label{font-size:15px;font-weight:700;color:var(--text)}
.face-label small{display:block;font-size:11px;color:var(--text-dim);font-weight:400;margin-top:2px}
.face-bars{display:flex;flex-direction:column;gap:8px}
.face-bar-wrap{display:flex;align-items:center;gap:var(--sp-sm)}
.face-bar-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;width:50px;text-align:right;flex-shrink:0}
.face-bar-tag.eqos{color:var(--gold)}
.face-bar-tag.llm{color:rgba(232,120,74,0.7)}
.face-track{flex:1;height:32px;background:rgba(255,255,255,0.03);border-radius:6px;position:relative;overflow:hidden}
.face-fill{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;font-size:13px;font-weight:800;width:var(--w, 0);transition:width 1.6s cubic-bezier(0.16,1,0.3,1)}
.face-fill.gold{background:linear-gradient(90deg,rgba(200,168,78,0.3),rgba(200,168,78,0.8),var(--gold));color:var(--bg)}
.face-fill.red{background:linear-gradient(90deg,rgba(200,100,60,0.2),rgba(220,130,70,0.6),rgba(232,120,74,0.8));color:#fff}
.face-fill.green{background:linear-gradient(90deg,rgba(74,232,122,0.2),rgba(74,232,122,0.6));color:var(--bg);font-weight:900}
.face-animated .face-fill{width:var(--w)}
@media(max-width:768px){.face-row{grid-template-columns:1fr}.face-label{margin-bottom:var(--sp-xs)}}

/* HALLUCINATION SIMULATOR */
.hallucination-sim{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg);margin:var(--sp-xl) 0}
.sim-terminal{background:#0a0a12;border:1px solid rgba(232,230,225,0.08);border-radius:var(--radius-lg);overflow:hidden;font-family:'Courier New',monospace;min-height:200px}
.sim-terminal-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(232,230,225,0.06)}
.sim-terminal-bar .dot{width:10px;height:10px;border-radius:50%}
.sim-terminal-bar .dot.r{background:#e84a4a}.sim-terminal-bar .dot.y{background:#e8a84a}.sim-terminal-bar .dot.g{background:#4ae87a}
.sim-terminal-bar .title{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-left:8px}
.sim-terminal-bar .title.llm-title{color:var(--danger)}
.sim-terminal-bar .title.eqos-title{color:var(--gold)}
.sim-body{padding:var(--sp-md);font-size:13px;line-height:1.8;min-height:160px;position:relative}
.sim-body .cursor{display:inline-block;width:8px;height:15px;background:currentColor;animation:blink 1s step-end infinite;vertical-align:middle;margin-left:2px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.sim-word{transition:color .2s}
.sim-word.error{color:var(--danger);text-decoration:line-through;text-decoration-color:rgba(232,74,74,0.5)}
.sim-word.correct{color:var(--gold)}
@media(max-width:768px){.hallucination-sim{grid-template-columns:1fr}}

/* PEARL LEVELS DIAGRAM */
.pearl-diagram{margin:var(--sp-xl) 0;display:flex;flex-direction:column;align-items:center}
.pearl-ladder{position:relative;width:100%;max-width:600px;display:flex;flex-direction:column;gap:0}
.pearl-level{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-lg) var(--sp-xl);border:1px solid rgba(232,230,225,0.06);position:relative;transition:all .6s}
.pearl-level:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.pearl-level:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.pearl-level.level-3{background:rgba(200,168,78,0.08);border-color:rgba(200,168,78,0.3)}
.pearl-level.level-2{background:rgba(200,168,78,0.03);border-color:rgba(200,168,78,0.12)}
.pearl-level.level-1{background:rgba(255,255,255,0.02);border-color:rgba(232,230,225,0.08)}
.pearl-num{font-size:var(--fs-lg);font-weight:900;min-width:50px;text-align:center}
.level-3 .pearl-num{color:var(--gold)}
.level-2 .pearl-num{color:rgba(200,168,78,0.5)}
.level-1 .pearl-num{color:var(--text-dim)}
.pearl-info h4{font-size:var(--fs-base);font-weight:800;margin-bottom:2px}
.level-3 .pearl-info h4{color:var(--gold)}
.level-2 .pearl-info h4{color:rgba(200,168,78,0.6)}
.level-1 .pearl-info h4{color:var(--text-dim)}
.pearl-info p{font-size:13px;color:var(--text-dim);line-height:1.5}
.pearl-dots{position:absolute;right:var(--sp-xl);top:50%;transform:translateY(-50%);display:flex;gap:10px}
.pearl-dot{width:18px;height:18px;border-radius:50%;position:relative;transition:all .8s cubic-bezier(0.16,1,0.3,1)}
.pearl-dot::after{content:attr(data-label);position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:800;white-space:nowrap}
.dot-llm{background:var(--danger);box-shadow:0 0 12px rgba(232,74,74,0.4);opacity:0;transform:scale(0)}
.dot-eqos{background:var(--gold);box-shadow:0 0 12px rgba(200,168,78,0.5);opacity:0;transform:scale(0)}
.dot-llm::after{color:var(--danger);content:'LLM'}
.dot-eqos::after{color:var(--gold);content:'EQOS'}
.pearl-animated .level-1 .dot-llm{opacity:1;transform:scale(1);transition-delay:.6s}
.pearl-animated .level-1 .dot-eqos{opacity:1;transform:scale(1);transition-delay:.4s}
.pearl-animated .level-2 .dot-eqos{opacity:1;transform:scale(1);transition-delay:.9s}
.pearl-animated .level-3 .dot-eqos{opacity:1;transform:scale(1);transition-delay:1.4s}
.pearl-animated .level-1 .dot-llm-ghost{opacity:1;transform:scale(1)}
.dot-llm-stuck{display:none;font-size:10px;color:var(--danger);font-weight:700;position:absolute;right:-60px;top:50%;transform:translateY(-50%);white-space:nowrap;opacity:0;transition:opacity .5s}
.pearl-animated .level-1 .dot-llm-stuck{display:block;opacity:1;transition-delay:1.2s}
@media(max-width:600px){.pearl-dots{position:static;transform:none;margin-top:var(--sp-sm)}.pearl-level{flex-wrap:wrap}}

/* GLOSSAIRE INLINE */
</style>
<style>
.cta-box{position:relative;max-width:560px;margin:0 auto var(--sp-lg);padding:var(--sp-xl);border-radius:var(--radius-lg);background:rgba(6,6,10,0.7);border:1px solid rgba(200,168,78,0.2);overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.cta-box::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(200,168,78,0.3),transparent,rgba(200,168,78,0.15),transparent,rgba(200,168,78,0.3));z-index:-1;animation:ctaGlow 4s ease-in-out infinite}
@keyframes ctaGlow{0%,100%{opacity:0.6}50%{opacity:1}}
.cta-box::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(200,168,78,0.04),transparent);animation:ctaScan 6s ease-in-out infinite;pointer-events:none}
@keyframes ctaScan{0%{left:-60%}100%{left:160%}}
.cta-box-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-weight:700;margin-bottom:var(--sp-md);display:flex;align-items:center;justify-content:center;gap:var(--sp-sm)}
.cta-box-label::before,.cta-box-label::after{content:'';width:30px;height:1px;background:var(--gold)}
.cta-tagline{font-size:var(--fs-md);font-weight:700;color:var(--gold);margin-bottom:var(--sp-xs);letter-spacing:1px;text-align:center}
.cta-badges{display:flex;gap:var(--sp-sm);justify-content:center;margin-top:var(--sp-md);flex-wrap:wrap}
.cta-badge{padding:4px 14px;border:1px solid rgba(200,168,78,0.15);border-radius:50px;font-size:var(--fs-xs);color:var(--gold);letter-spacing:1px;font-weight:600;background:rgba(200,168,78,0.03)}
.cta-box .cta-form{display:flex;gap:var(--sp-sm);justify-content:center;flex-wrap:wrap;max-width:480px;margin:0 auto}
.cta-box .cta-form input[type="email"]{flex:1;min-width:220px;padding:14px var(--sp-md);background:rgba(8,8,13,0.8);border:1.5px solid rgba(200,168,78,0.15);border-radius:var(--radius);color:var(--text);font-size:var(--fs-base);outline:none;transition:all .4s}
.cta-box .cta-form input[type="email"]:focus{border-color:var(--gold);box-shadow:0 0 20px rgba(200,168,78,0.15)}
.cta-box .cta-form input[type="email"]::placeholder{color:rgba(148,148,160,0.5)}
.cta-box .cta-form button{background:var(--gold);color:var(--bg);padding:14px var(--sp-xl);border:none;border-radius:var(--radius);font-weight:800;font-size:var(--fs-base);cursor:pointer;transition:all .4s;white-space:nowrap;position:relative;overflow:hidden}
.cta-box .cta-form button::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left .5s}
.cta-box .cta-form button:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 6px 30px rgba(200,168,78,0.35)}
.cta-box .cta-form button:hover::after{left:150%}