.engine-layout{color:#f8fafc;background-color:#040408;flex-direction:column;min-height:100vh;display:flex}.engine-container{flex:1;width:100%;max-width:900px;margin:0 auto;padding:80px 24px}.engine-hero{text-align:center;margin-bottom:80px}.hero-badge{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d433;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:24px;font-family:Newsreader,Georgia,serif;font-size:3.5rem;font-weight:500;line-height:1.1}.highlight-text{background:linear-gradient(90deg,#06b6d4,#0891b2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:600}.hero-subtitle{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.roadmap-container{padding-left:40px;position:relative}.roadmap-line{background:linear-gradient(#06b6d480 0%,#06b6d41a 100%);width:2px;position:absolute;top:0;bottom:0;left:20px}.roadmap-step{margin-bottom:60px;position:relative}.step-marker{justify-content:center;display:flex;position:absolute;top:0;left:-40px}.marker-icon{color:#94a3b8;z-index:2;background:#0f172a;border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.roadmap-step.active .marker-icon{color:#06b6d4;background:#083344;border-color:#06b6d4;box-shadow:0 0 20px #06b6d44d}.roadmap-step.completed .marker-icon{color:#10b981;background:#064e3b;border-color:#10b981}.roadmap-step.deprecated .marker-icon{color:#ef4444;opacity:.6;background:#7f1d1d;border-color:#ef4444}.step-content{background:#1e293b4d;border:1px solid #ffffff0d;border-radius:16px;padding:32px;transition:transform .3s,border-color .3s}.step-content:hover{border-color:#ffffff1a;transform:translateY(-2px)}.roadmap-step.active .step-content{background:#1e1b4b4d;border-color:#06b6d44d}.step-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.step-date{color:#64748b;font-family:Fira Code,monospace;font-size:.85rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600}.status-badge.active{color:#fcd34d;background:#06b6d426}.status-badge.completed{color:#34d399;background:#10b98126}.status-badge.deprecated{color:#fca5a5;background:#ef444426}.status-badge.ongoing{color:#cbd5e1;background:#94a3b826}.step-title{color:#f8fafc;margin-bottom:12px;font-size:1.5rem;font-weight:600}.step-desc{color:#94a3b8;margin-bottom:24px;line-height:1.6}.step-details{flex-direction:column;gap:12px;display:flex}.detail-item{color:#cbd5e1;background:#0f172a80;border:1px solid #ffffff05;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;font-family:Fira Code,monospace;font-size:.85rem;display:flex}.detail-icon{color:#64748b;flex-shrink:0;margin-top:2px}.roadmap-step.active .detail-item{border-color:#06b6d41a}.roadmap-step.active .detail-icon{color:#06b6d4}@media (max-width:768px){.hero-title{font-size:2.5rem}.roadmap-container{padding-left:20px}.roadmap-line{left:10px}.step-marker{left:-20px}.marker-icon{width:30px;height:30px}.marker-icon svg{width:14px;height:14px}.step-content{padding:20px}.step-header{flex-direction:column;align-items:flex-start;gap:8px}}