:root{--bg-deep: #0a0a0c;--cyan-glow: #00f0ff;--blue-accent: #0088ff;--text-main: #e0e0e0;--text-dim: #777777;--border-subtle: rgba(0, 240, 255, .15);--footer-accent: var(--cyan-glow);--footer-text: var(--text-dim)}body{background-color:#0a0a0c;color:var(--text-main);font-family:Inter,sans-serif;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;position:relative}.container{max-width:1000px;margin:0 auto;padding:60px 20px;flex:1}h1{font-family:Roboto Mono,monospace;font-size:2.5rem;color:var(--cyan-glow);text-transform:uppercase;letter-spacing:-1px;margin-bottom:40px;border-bottom:1px solid var(--border-subtle);padding-bottom:20px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr}}.model-card{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,240,255,.1);padding:40px;border-radius:12px;position:relative;box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.model-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:#00f0ff4d;box-shadow:0 15px 40px #00f0ff1a}.model-title{font-family:Roboto Mono,monospace;font-size:1.5rem;margin-bottom:20px;color:#fff}.spec-list{list-style:none;padding:0;margin:20px 0}.spec-item{display:flex;justify-content:space-between;font-family:Roboto Mono,monospace;font-size:.8rem;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.spec-label{color:var(--text-dim)}.spec-value{color:var(--cyan-glow)}.analysis-box{background:#0088ff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:3px solid var(--blue-accent);border-top:1px solid rgba(0,136,255,.1);border-right:1px solid rgba(0,136,255,.1);border-bottom:1px solid rgba(0,136,255,.1);padding:30px;margin-top:40px;font-size:.95rem;line-height:1.7;border-radius:0 8px 8px 0}.analysis-box h3{font-family:Roboto Mono,monospace;font-size:1rem;color:var(--blue-accent);margin-bottom:15px;text-transform:uppercase}.bridge-btn{display:block;background:transparent;color:var(--cyan-glow);border:1px solid var(--cyan-glow);padding:15px;text-transform:uppercase;text-decoration:none;text-align:center;font-family:Roboto Mono,monospace;font-size:.8rem;margin-top:30px;transition:.3s}.bridge-btn:hover{background:var(--cyan-glow);color:#000;box-shadow:0 0 20px #00f0ff66}.header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin-bottom:25px;border-bottom:1px dashed rgba(0,240,255,.2);padding-bottom:15px}.video-monitor{position:relative;width:100%;height:clamp(200px,30vh,400px);background:#000;border-radius:8px;overflow:hidden;border:1px solid rgba(0,240,255,.2);margin:20px 0;box-shadow:inset 0 0 50px #000c}.video-content{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center 10%;z-index:1;will-change:transform,opacity;filter:brightness(1.1) contrast(1.1);animation:kenBurns 20s ease-in-out infinite alternate}@keyframes kenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-2%)}}.monitor-overlay{position:absolute;inset:0;background:linear-gradient(#12121200 50%,#0000001a 50%),linear-gradient(90deg,rgba(255,255,255,.03),transparent,rgba(255,255,255,.03));background-size:100% 4px,100% 100%;pointer-events:none;z-index:2}.monitor-status{position:absolute;top:15px;left:15px;z-index:3;font-family:Roboto Mono,monospace;font-size:.65rem;color:#fff;background:#0009;padding:4px 10px;border-radius:4px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(4px);letter-spacing:1px}.red-dot{width:8px;height:8px;background:#ff3b30;border-radius:50%;box-shadow:0 0 10px #ff3b30;animation:redDotPulse 1s infinite}@keyframes redDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.audit-timeline{position:absolute;bottom:0;left:0;height:4px;background:var(--cyan-glow);width:0%;z-index:4;box-shadow:0 0 15px var(--cyan-glow);animation:auditTimeline 10s linear infinite}@keyframes auditTimeline{0%{width:0%}to{width:100%}}.grade-badge{position:absolute;top:30px;right:30px;width:65px;height:65px;border:2px solid var(--cyan-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Roboto Mono,monospace;font-size:1.8rem;font-weight:950;color:var(--cyan-glow);text-shadow:0 0 15px var(--cyan-glow);box-shadow:0 0 30px #00f0ff66,inset 0 0 20px #00f0ff33;z-index:10;background:#000a0ce6;transform:rotate(-12deg);border-style:double}.grade-badge.blue{border-color:var(--blue-accent);color:var(--blue-accent);text-shadow:0 0 15px var(--blue-accent);box-shadow:0 0 30px #08f6,inset 0 0 20px #08f3}.protocol-tag{font-family:Roboto Mono,monospace;font-size:.7rem;color:var(--cyan-glow);letter-spacing:1px}.back-link{font-family:Roboto Mono,monospace;font-size:.65rem;color:var(--cyan-glow);text-decoration:none;border:1px solid rgba(0,240,255,.3);padding:8px 15px;background:#0006;transition:.3s}.back-link:hover{background:var(--cyan-glow);color:#000;box-shadow:0 0 15px #00f0ff4d}.tag{display:none}